SYNCHRONIZED CONTENT SCRUBBER

• US 20160357353A1
• Filed: 06/05/2015
• Published: 12/08/2016
• Est. Priority Date: 06/05/2015
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Miura, Britt S., Karlsson, Andreas J., Gobera Rubalcava, Daniel E., Bovet, Simon I., Lupinetti, Nicholas D., Titi, Justin S.
• Granted Patent: US 10,871,868 B2
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G11B 27/031 Electronic editing of digitised analogue information signals, e.g. audio or video signals
• CPC Class Codes: G11B 27/105 of operating discs
• CPC Class Codes: G11B 27/34 Indicating arrangements indicating means incorporated in magazine or cassette G11B23/046 and G11B23/0875; indicating measured values in general G01D

Abstract

Systems, methods, and computer-readable medium are provided for presenting a synchronized content scrubber. For example, a user device may store digital content items for presentation on a screen of the user device. A user interface may be configured with multiple viewing areas. An image that represents a content item may be presented in the first viewing and the second viewing area. However, in the second viewing area, the image that represents the content item may be presented in a visually distinct manner from other images in the second viewing area.

Claims

1. A computer-implemented method for presenting content in a user interface of a mobile phone, comprising:

identifying, by the mobile phone, a plurality of digital assets;

generating the user interface with a first viewing area and a second viewing area;

presenting, in the first viewing area, a first image that represents an asset of the plurality of digital assets;

presenting, in the second viewing area, a second image that represents the asset in a visually distinct manner from other images that represent at least a subset of the plurality of digital assets that are also presented in the second viewing area;

identifying a location of a touch action on a touch screen of the mobile phone;

determining, based at least in part on the location of the touch action, whether to animate the user interface based at least in part on a first mode of navigation or a second mode of navigation; and

synchronizing the first image presented in the first viewing area with the second image presented in the second viewing area based at least in part on the first mode of navigation or the second mode of navigation.

2. The computer-implemented method of claim 1, wherein the second viewing area is configured to present an image scrubber interface for scrolling through the second image and the other images.

3. The computer-implemented method of claim 2, wherein the image scrubber interface is configured to present a video scrubber interface for scrolling through frames of a video asset of the plurality of digital assets, the video scrubber interface presented adjacent to remaining assets of the plurality of digital assets presented in the image scrubber interface.

4. The computer-implemented method of claim 1, wherein the visually distinct manner of presentation of the second image comprises presenting the second image with buffering content on either side of the second image such that the second image is presented spaced further from the other images than the other images are spaced from each other.

5. The computer-implemented method of claim 1, wherein the first mode of navigation comprises movement of the first image being presented in the first viewing area synchronized in response to movement of the second image in the second viewing area when the location of the touch action is identified to correspond with the second image.

6. The computer-implemented method of claim 5, wherein the movement of the first image being presented synchronized in response to the movement of the second image comprises moving the first image in a left or right direction at a same speed as the second image is controlled in the left or right direction.

7. The computer-implemented method of claim 5, wherein the first image is changed to a third image of the other images in response to movement of the second image in the second viewing area out of a center location of a scrubber interface of the second viewing area and movement of the third image into the center location of the scrubber interface.

8. The computer-implemented method of claim 1, wherein the second mode of navigation comprises movement of the second image being presented in the second viewing area synchronized in response to movement of the first image in the first viewing area when the location of the touch action is identified to correspond with the first image.

9. The computer-implemented method of claim 1, wherein, the first viewing area is configured to be presented above the second viewing area.

10. A computer-readable storage medium storing computer-executable instructions that, when executed by a processor, configure the processor to perform operations comprising:

identifying a plurality of assets;

presenting a user interface with a first viewing area and a second viewing area;

presenting a first image, in the first viewing area, that represents a first asset of the plurality of assets;

presenting a second image, in the second viewing area, that represents a second asset of the plurality of the assets in a visually distinct manner from at least a third image that represents one of a subset of the plurality of assets that are also presented in the second viewing area;

identifying a selection of a location of the user interface; and

synchronizing the first image presented in the first viewing area with the second image presented in the second viewing area based at least in part on the location of the selection.

11. The computer-readable medium of claim 10, wherein the first image comprises the second asset that is presented in a visually distinct manner from at least the third asset.

12. The computer-readable medium of claim 10, wherein each of the subset of the plurality of assets that are also presented in the second viewing area are not presented in a visually distinct manner from each other.

13. The computer-readable medium of claim 12, wherein the first image comprises at least one of the subset of the plurality of assets that is not presented in a visually distinct manner from each other.

14. The computer-readable medium of claim 10, wherein at least one of the plurality of assets comprises at least one of an image file, a video file, an audio file, or a set of image files.

15. The computer-readable medium of claim 10, wherein the first image, the second image, and the third image comprise thumbnail representations of at least one of the plurality of assets.

16. A device configured to present content in a user interface, comprising:

a touch screen configured to receive touch input;

a memory configured to store computer-executable instructions; and

a processor in communication with the memory and the touch screen, the processor configured to execute the computer-executable instructions to at least;

identify a plurality of assets;

present the user interface with a first viewing area and a second viewing area;

present a first image, in the first viewing area, that represents a first asset of the plurality of assets;

present a second image, in the second viewing area, that represents a second asset of the plurality of the assets in a visually distinct manner from at least a third image that represents one of a subset of the plurality of assets that are also presented in the second viewing area;

identify, by the touch screen, a selection of a location of the user interface; and

synchronize the first image presented in the first viewing area with the second image presented in the second viewing area based at least in part on the location of the selection.

17. The device of claim 16, wherein the processor is further configured to execute the computer-executable instructions to at least:

identify, based at least in part on the location of the selection, a first or second mode of navigation; and

synchronize the first image with the second image based at least in part on the identified mode of navigation, the second image presented in an image scrubber interface of the second viewing area that also presents the third image and other images that represent the subset of the plurality of assets.

18. The device of claim 17, wherein the first mode of navigation comprises presenting movement of the first image in the first viewing area synchronized in response to movement of the second image in the second viewing area when the location of the selection is identified to correspond with the second image, the third image, or the other images.

19. The device of claim 18, wherein the presented movement of the first image in the first mode of navigation comprises:

synchronizing a scroll of images through the first viewing area to match a speed of a scroll of the other images; and

presenting, in the first viewing area, a new image that corresponds to a particular image of the other images that is identified in a center of the image scrubber interface when the scrolling is complete.

20. The device of claim 16, wherein the first asset and the second asset are a same asset of the plurality of assets such that the first image and the second image represent the same asset, wherein the first image is presented in the first viewing area based at least in part on an aspect ratio of the same asset, and wherein the second image is presented in the second viewing area based at least in part on an aspect ratio of other images presented in the second viewing area.