Scroll-based presentation of animation content
First Claim
1. A method comprising:
- receiving, from an online system by a client device including a display area, a feed of media content items, wherein a media content item of the feed of media content items is an animated content item that includes an ordered set of images illustrating moving visual content;
displaying, by the client device, a subset of media content items of the feed of media content items in the display area;
receiving, at the client device, a user input signal to scroll the feed of media content items;
in response to the user input signal;
scrolling the feed on the display area of the client device, wherein a different subset of media content items of the feed of media content items is displayed in the display area and the different subset of media content items includes the animated content item;
playing the animated media content item by;
determining a position of the section on the display area,calculating a scrolling speed,calculating an amount of time for displaying the section on the display area based on the position of the section on the display area and the scrolling speed,determining a maximum number of images for display based on the calculated amount of time, andresponsive to determining the scrolling speed exceeds a threshold speed and the ordered set of images exceeds the maximum number of images, selecting a subset of the ordered set of images to play based on the position of the section, the scrolling speed, and the maximum number of images; and
updating the subset of the media content items displayed in the display area and the selection of the subset of the ordered set of images to be played as the scrolling progresses.
2 Assignments
0 Petitions
Accused Products
Abstract
An online system or an application of the online system generates and provides user interfaces that include user interface elements configured to allow users to browse newsfeed stories. For example, users can browse newsfeed stories via scrolling actions. The user interface elements are further configured to control presentation of individual stories that include series of images. The user'"'"'s scrolling action causes the images to be presented sequentially. The online system selects a particular image and configures a speed of presenting the images according to the user action. The online system further generates and provides user interfaces that present still images in a parallax effect by adjusting viewpoints of observing the still images. The viewpoints can be adjusted according to the user action. The online system further configures the user interfaces to present related stories in adjacent positions and to present 360-degree videos as well as panorama images.
-
Citations
16 Claims
-
1. A method comprising:
-
receiving, from an online system by a client device including a display area, a feed of media content items, wherein a media content item of the feed of media content items is an animated content item that includes an ordered set of images illustrating moving visual content; displaying, by the client device, a subset of media content items of the feed of media content items in the display area; receiving, at the client device, a user input signal to scroll the feed of media content items; in response to the user input signal; scrolling the feed on the display area of the client device, wherein a different subset of media content items of the feed of media content items is displayed in the display area and the different subset of media content items includes the animated content item; playing the animated media content item by; determining a position of the section on the display area, calculating a scrolling speed, calculating an amount of time for displaying the section on the display area based on the position of the section on the display area and the scrolling speed, determining a maximum number of images for display based on the calculated amount of time, and responsive to determining the scrolling speed exceeds a threshold speed and the ordered set of images exceeds the maximum number of images, selecting a subset of the ordered set of images to play based on the position of the section, the scrolling speed, and the maximum number of images; and updating the subset of the media content items displayed in the display area and the selection of the subset of the ordered set of images to be played as the scrolling progresses. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8)
-
-
9. A computer program product comprising a non-transitory computer readable storage medium having instructions encoded thereon that, when executed by a processor, cause the processor to:
-
update, from an online system by a client device including a display area, a feed of media content items, wherein a media content item of the feed of media content items is an animated content item that includes an ordered set of images illustrating moving visual content; display, by the client device, a subset of media content items of the feed of media content items in the display area; receive, at the client device, a user input signal to scroll the feed of media content items; in response to the user input signal; scroll the feed on the display area of the client device, wherein a different subset of media content items of the feed of media content items is displayed in the display area and the different subset of media content items includes the animated content item; play the animated media content item by; determining a position of the section on the display area, calculating a scrolling speed, calculating an amount of time for displaying the section on the display area based on the position of the section on the display area and the scrolling speed, determining a maximum number of images for display based on the calculated amount of time, and responsive to determining the scrolling speed exceeds a threshold speed and the ordered set of images exceeds the maximum number of images, selecting a subset of the ordered set of images to play based at least on the position of the section, the scrolling speed, and the maximum number of images; and update the subset of the media content items displayed in the display area and the selection of the subset of the ordered set of images to be played as the scrolling progresses. - View Dependent Claims (10, 11, 12, 13, 14, 15)
-
-
16. A system comprising:
-
a processor; and memory storing instructions configured to cause the processor to; receive, from an online system by a client device including a display area, a feed of media content items, wherein a media content item of the feed of media content items is an animated content item that includes an ordered set of images illustrating moving visual content; display, by the client device, a subset of media content items of the feed of media content items in the display area; receive, at the client device, a user input signal to scroll the feed of media content items; in response to the user input signal; scroll the feed on the display area of the client device, wherein a different subset of media content items of the feed of media content items is displayed in the display area and the different subset of media content items includes the animated content item; play the animated media content item by; determining a position of the section on the display area, calculating a scrolling speed, calculating an amount of time for displaying the section on the display area based on the position of the section on the display area and the scrolling speed, determining a maximum number of images for display based on the calculated amount of time, and responsive to determining the scrolling speed exceeds a threshold speed and the ordered set of images exceeds the maximum number of images, selecting a subset of the ordered set of images to play based on the position of the section, the scrolling speed, and the maximum number of images; and update the subset of the media content items displayed in the display area and the selection of the subset of the ordered set of images to be played as the scrolling progresses.
-
Specification