Video player with assisted seek
A method for presenting content comprises receiving a content item; receiving a plurality of thumbnails from the content item, each thumbnail associated with a point in the content item; playing the content item starting at a first point; receiving in a user interface a selection at a second point in the content item; presenting, in the user interface, first content of the content item at the second point; and presenting, in the user interface, a subset of the plurality of thumbnails, the subset arranged based on a predetermined order and including a thumbnail associated with the second point.
1. A method comprising:
requesting a content item for viewing;
receiving a plurality of thumbnails, each thumbnail associated with a point in the content item;
playing, in a user interface, the content item starting at a first point;
receiving at a viewing progress bar in the user interface a first drag gesture to a second point in the content item, the second point corresponding to first content of the content item, the first drag gesture having a first magnitude and a first direction to fast forward playback of the content item;
responsive to receiving the first drag gesture:
seeking to the second point in the first direction and at a first speed corresponding to the first magnitude of the first drag gesture while presenting, in the user interface, a subset of the plurality of thumbnails and the content item played, the subset arranged based on a predetermined order and including a thumbnail associated with the second point, wherein thumbnails associated with content preceding the first content are displayed prior to the thumbnail associated with the second point at a scrolling speed corresponding to the first magnitude of the first drag gesture;
receiving, in the user interface, a second drag gesture to a third point in the content item, the third point corresponding to second content of the content item, the second drag gesture having a second magnitude and a second direction to rewind playback of the content item; and
responsive to receiving the second drag gesture:
seeking to the third point in the second direction and at a second speed corresponding to the second magnitude of the second drag gesture while presenting one or more subsets of the plurality of thumbnails, the one or more subsets of the plurality of thumbnails reflecting one or more portions of the content item, being arranged based on the predetermined order, and including a thumbnail associated with the third point, wherein thumbnails associated with content preceding the second content of the content item are displayed after the thumbnail associated with the third point at a scrolling speed corresponding to the second magnitude of the second drag gesture.
2. The method of claim 1 , wherein the predetermined order is a chronological order.
3. The method of claim 1 , wherein the thumbnail associated with the second point is displayed differently than the remainder of the thumbnails in the subset.
4. The method of claim 3 , further comprising presenting an indicator indicating the magnitude and the direction of the drag gesture, the magnitude represented visually by how far the indicator extended, the indicator displayed adjacent to the thumbnail that is displayed differently.
5. The method of claim 1 , the content item is a video item, and each of the first, second and third points corresponds to a particular time within the video item.
6. A non-transitory computer readable medium including instructions, which when executed by a processor, cause the processor to perform operations comprising:
requesting a content item for viewing;
receiving a plurality of thumbnails, each thumbnail associated with a point in the content item;
playing, in a user interface, the content item starting at a first point;
receiving at a viewing progress bar in the user interface a first drag gesture to a second point in the content item, the second point corresponding to first content of the content item, the first drag gesture having a first magnitude and a first direction to fast forward playback of the content item;
responsive to receiving the first drag gesture:
seeking to the second point in the first direction and at a first speed corresponding to the first magnitude of the first drag gesture while presenting, in the user interface, a subset of the plurality of thumbnails and the content item played, the subset arranged based on a predetermined order and including a thumbnail associated with the second point, wherein thumbnails associated with content preceding the first content are displayed prior to the thumbnail associated with the second point at a scrolling speed corresponding to the first magnitude of the first drag gesture;
receiving, in the user interface, a second drag gesture to a third point in the content item, the third point corresponding to second content of the content item, the second drag gesture having a second magnitude and a second direction to rewind playback of the content item; and
responsive to receiving the second drag gesture:
seeking to the third point in the second direction and at a second speed corresponding to the second magnitude of the second drag gesture while presenting one or more subsets of the plurality of thumbnails, the one or more subsets of the plurality of thumbnails reflecting one or more portions of the content item, being arranged based on the predetermined order, and including a thumbnail associated with the third point, wherein thumbnails associated with content preceding the second content of the content item are displayed after the thumbnail associated with the third point at a scrolling speed corresponding to the second magnitude of the second drag gesture.
7. The non-transitory computer readable medium of claim 6 , wherein the predetermined order is a chronological order.
8. The non-transitory computer readable medium of claim 6 , wherein the thumbnail associated with the second point is displayed differently than the remainder of the thumbnails in the subset.
9. The non-transitory computer readable medium of claim 8 , further comprising presenting an indicator indicating the magnitude and the direction of the drag gesture, the magnitude represented visually by how far the indicator extended, the indicator displayed adjacent to the thumbnail that is displayed differently.
10. The non-transitory computer readable medium of claim 6 , the content item is a video item, and each of the first, second and third points corresponds to a particular time within the video item.
11. A system comprising:
a memory to store instructions, and
a processor to execute the instructions to perform operations comprising:
requesting a content item for viewing;
receiving a plurality of thumbnails, each thumbnail associated with a point in the content item;
playing, in a user interface, the content item starting at a first point;
receiving at a viewing progress bar in the user interface a first drag gesture to a second point in the content item, the second point corresponding to first content of the content item, the first drag gesture having a first magnitude and a first direction to fast forward playback of the content item;
responsive to receiving the first drag gesture:
seeking to the second point in the first direction and at a first speed corresponding to the first magnitude of the first drag gesture while presenting, in the user interface, a subset of the plurality of thumbnails and the content item played, the subset arranged based on a predetermined order and including a thumbnail associated with the second point, wherein thumbnails associated with content preceding the first content are displayed prior to the thumbnail associated with the second point at a scrolling speed corresponding to the first magnitude of the first drag gesture;
receiving, in the user interface, a second drag gesture to a third point in the content item, the third point corresponding to second content of the content item, the second drag gesture having a second magnitude and a second direction to rewind playback of the content item; and
responsive to receiving the second drag gesture:
seeking to the third point in the second direction and at a second speed corresponding to the second magnitude of the second drag gesture while presenting one or more subsets of the plurality of thumbnails, the one or more subsets of the plurality of thumbnails reflecting one or more portions of the content item, being arranged based on the predetermined order, and including a thumbnail associated with the third point, wherein thumbnails associated with content preceding the second content of the content item are displayed after the thumbnail associated with the third point at a scrolling speed corresponding to the second magnitude of the second drag gesture.
12. The system of claim 11 , wherein the predetermined order is a chronological order.
13. The system of claim 11 , wherein the thumbnail associated with the second point is displayed differently than the remainder of the thumbnails in the subset.
14. The system of claim 13 , wherein the operations further comprise presenting an indicator indicating the magnitude and the direction of the drag gesture, the magnitude represented visually by how far the indicator extended, the indicator displayed adjacent to the thumbnail that is displayed differently.