System and method for providing an adaptive seek bar for use with an electronic device

• US 10,338,799 B1
• Filed: 07/06/2017
• Issued: 07/02/2019
• Est. Priority Date: 07/06/2017
• Status: Active Grant

• Current Assignee: Spotify AB (Spotify Technology SA)
• Original Assignee: Spotify AB (Spotify Technology SA)
• Inventors: Trn{hacek over (c)}ic, Igor, Gravestam, Anton
• Primary Examiner(s): Levy, Amy M
• Application Number:
  US15/643,016
• Time in Patent Office: 726 Days
• CPC Class Codes: G06F 3/04855 Interaction with scrollbars
• CPC Class Codes: G06F 3/165 Management of the audio stream, e.g. setting of volume, audio stream path
• CPC Class Codes: H04N 21/47217 for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks specific graphical features in visual interfaces H04N21/4312

Abstract

In accordance with an embodiment, described herein is a system and method for providing an adaptive seek bar, for use with a displayed user interface of an electronic device, for example a tablet computer, smartphone, or wearable mobile device, that can be used as a media device for playing of music, video, or other forms of media content. A media application is configured to display a seek bar that is adaptable to the shape of a parent user interface, for example by being displayed along the perimeter of the parent user interface. The adaptive seek bar can be associated with a greater usable length, and occupy less central space than other types of seek bar. User interaction with the seek bar can be used to access or otherwise control the playing of media content that is stored locally at the electronic device, or is streamed from a media server.

Claims

1. An electronic device that includes an adaptive seek bar, the electronic device comprising:

one or more computer processors, including a media application executing thereon which is configured to access media content at a media server, for playing at the electronic device; and

a memory storing instructions for use by the media application which, when executed, cause the media application at the electronic device to;

receive, from an operating system of the electronic device, a parent user interface data indicating a shape and dimensions of a parent user interface, wherein the parent user interface corresponds to the entirety of a display screen of the electronic device;

determine, based on the parent user interface data, a perimeter of the parent user interface;

generate and display a seek bar along the perimeter of the parent user interface, including generating a plurality of sections of the seek bar selected from linear sections and arcuate sections, based on the received parent user interface data and determination of its perimeter, to cause display of the seek bar to adaptively conform to the perimeter of the parent user interface;

wherein the plurality of sections of the seek bar conforming to the perimeter of the parent user interface and selected from linear sections and arcuate sections are associated with respective portions of a media content item that is accessible at the media server; and

control playing of the media content item using interaction with the adaptive seek bar.

2. The system of claim 1, wherein the parent user interface corresponds to sides of a rectangle.

3. The system of claim 1, wherein the parent user interface corresponds to a round shape.

4. The system of claim 1, wherein the parent user interface comprises a arcuate section and a linear section.

5. The system of claim 1, wherein the parent user interface data indicates dimensions of the parent user interface, and wherein generating the seek bar further comprises:

determining a starting point and a total length of the seek bar to be displayed at the parent user interface, and

generating the one or more sections of the seek bar so that the total length of the seek bar is apportioned among particular sections, in accordance with the dimensions of the parent user interface.

6. The system of claim 1, wherein the instructions, when executed, further cause the electronic device to receive, at the parent user interface, a user input indicative of movement from a first position on the seek bar to a second position on the seek bar.

7. The system of claim 6, wherein the first position and the second position are within a same section of the seek bar.

8. The system of claim 6, wherein the first position and the second position are within different sections of the seek bar.

9. The system of claim 6, wherein the instructions, when executed, further cause the electronic device to adjust playback of the media content item to a playback position corresponding to the second position.

10. A method for providing an adaptive seek bar at an electronic device, the method comprising:

providing, at the electronic device including one or more computer processors, a media application executing thereon which is configured to access media content at a media server, for playing at the electronic device;

receiving, from an operating system of the electronic device, a parent user interface data indicating a shape and dimensions of a parent user interface, wherein the parent user interface corresponds to the entirety of a display screen of the electronic device;

determining, based on the parent user interface data, a perimeter of the parent user interface;

generating and displaying a seek bar along the perimeter of the parent user interface, including generating a plurality of sections of the seek bar selected from linear sections and arcuate sections, based on the received parent user interface data and determination of its perimeter, to cause display of the seek bar to adaptively conform to the perimeter of the parent user interface;

wherein the plurality of sections of the seek bar conforming to the perimeter of the parent user interface and selected from linear sections and arcuate sections are associated with respective portions of a media content item that is accessible at the media server; and

controlling playing of the media content item using interaction with the adaptive seek bar.

11. The method of claim 10, wherein the parent user interface corresponds to sides of a rectangle.

12. The method of claim 10, wherein the parent user interface corresponds to a round shape.

13. The method of claim 10, wherein the parent user interface comprises a arcuate section and a linear section.

14. The method of claim 10, wherein the parent user interface data indicates dimensions of the parent user interface, and wherein generating the seek bar further comprises:

determining a starting point and a total length of the seek bar to be displayed at the parent user interface, and

generating the one or more sections of the seek bar so that the total length of the seek bar is apportioned among particular sections, in accordance with the dimensions of the parent user interface.

15. The method of claim 10, further comprising receiving, at the parent user interface, a user input indicative of movement from a first position on the seek bar to a second position on the seek bar.

16. The method of claim 15, wherein the first position and the second position are within a same section of the seek bar.

17. The method of claim 15, wherein the first position and the second position are within different sections of the seek bar.

18. The method of claim 15, wherein the electronic device adjusts playback of the media content item to a playback position corresponding to the second position.

19. A non-transitory computer readable storage medium, including instructions stored thereon which, when read and executed an electronic device including one or more computer processors, cause the electronic device to perform a method comprising:

providing, at the electronic device, a media application executing thereon which is configured to access media content at a media server, for playing at the electronic device;

receiving, from an operating system of the electronic device, a parent user interface data indicating a shape and dimensions of a parent user interface, wherein the parent user interface corresponds to the entirety of a display screen of the electronic device;

determining, based on the parent user interface data, a perimeter of the parent user interface;

generating and displaying a seek bar along the perimeter of the parent user interface, including generating a plurality of sections of the seek bar selected from linear sections and arcuate sections, based on the received parent user interface data and determination of its perimeter, to cause display of the seek bar to adaptively conform to the perimeter of the parent user interface;

wherein the plurality of sections of the seek bar conforming to the perimeter of the parent user interface and selected from linear sections and arcuate sections are associated with respective portions of a media content item that is accessible at the media server; and

controlling playing of the media content item using interaction with the adaptive seek bar.

20. The non-transitory computer readable storage medium of claim 19, wherein the parent user interface data indicates dimensions of the parent user interface, and wherein generating the seek bar further comprises:

determining a starting point and a total length of the seek bar to be displayed at the parent user interface, and

generating the one or more sections of the seek bar so that the total length of the seek bar is apportioned among particular sections, in accordance with the dimensions of the parent user interface.