Device, method, and graphical user interface for selecting and using sets of media player controls

• US 10,140,301 B2
• Filed: 12/01/2010
• Issued: 11/27/2018
• Est. Priority Date: 09/01/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Davydov, Anton, Fino, Jorge, Wood, Jr., Policarpo Bonilla, Boettcher, Jesse
• Primary Examiner(s): Landis, Lisa
• Application Number:
  US12/958,326
• Publication Number:
  US 20120050185A1
• Time in Patent Office: 2,918 Days
• Field of Search: 345173
• CPC Class Codes: G06F 16/44 Browsing; Visualisation therefor
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• 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

A portable electronic device with a touch-sensitive display is configured to separately display sets of media player controls, including a first set and a second set. The device displays the first set while playing a first media item and detects gestures on the touch-sensitive display while displaying the first set and playing the first media item. In response to detecting a first gesture on a first media player control in the first set, the device activates the first media player control and controls playing of the first media item in accordance with activation of the first media player control. In response to detecting a second gesture, the second gesture distinct from the first gesture, the device replaces display of the first set with display of the second set and maintains playing of the first media item.

Claims

1. A portable electronic device, comprising:

a touch-sensitive display, the touch-sensitive display configured to separately display sets of media player controls, including a first predefined set of media player controls and a second predefined set of media player controls;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying the first predefined set of media player controls while playing a first media item;

detecting gestures on the touch-sensitive display while displaying the first predefined set of media player controls and playing the first media item;

in response to detecting a first gesture, of the detected gestures, on a first media player control in the first predefined set of media player controls, activating the first media player control and controlling playing of the first media item in accordance with activation of the first media player control, wherein the first gesture is a first type of gesture; and

,

in response to detecting a second gesture, of the detected gestures, replacing display of the first predefined set of media player controls with display of the second predefined set of media player controls and maintaining playing of the first media item, wherein the second gesture is distinct from the first gesture, the second gesture is a second type of gesture different from the first type of gesture, and the second gesture is detected while displaying the first predefined set of media player controls, and wherein the media player controls in the first predefined set of media player controls are distinct from the media player controls in the second predefined set of media player controls.

2. The device of claim 1, including instructions for:

in response to detecting a third gesture, of the detected gestures, the third gesture distinct from the first gesture and the second gesture, replacing display of a current user interface screen with a prior user interface screen.

3. The device of claim 1, including instructions for:

concurrently displaying a graphic corresponding to the first media item while displaying the first predefined set of media player controls and playing the first media item; and

in response to detecting the second gesture, maintaining display of the graphic corresponding to the first media item while displaying the second predefined set of media player controls and maintaining playing of the first media item.

4. The device of claim 1, wherein the sets of media player controls include a number of sets of media player controls in a sequence;

and further including instructions for;

displaying two or more set-sequence-indicia icons, wherein the set-sequence-indicia icons provide information about the number of sets of media player controls and a position of a displayed media player controls set in the sequence of media player controls sets; and

,

in response to detecting the second gesture, updating the information provided by the set-sequence-indicia icons to reflect the replacement of the displayed first predefined set of media player controls by the displayed second predefined set of media player controls.

5. The device of claim 1, including instructions for:

in response to detecting the second gesture, displaying an animation of the first predefined set of media player controls being replaced by the second predefined set of media player controls.

6. The device of claim 1, including instructions for:

after detecting the second gesture, detecting gestures on the touch-sensitive display while displaying the second predefined set of media player controls and playing the first media item;

in response to detecting a fourth gesture, of the detected gestures, on a second media player control in the second predefined set of media player controls, activating the second media player control and controlling playing of the first media item in accordance with activation of the second media player control; and

,

in response to detecting a fifth gesture, of the detected gestures, the fifth gesture distinct from the fourth gesture, replacing display of the second predefined set of media player controls with display of the first predefined set of media player controls and maintaining playing of the first media item.

7. The device of claim 3, including instructions for:

detecting no interaction with the touch-sensitive display for at least a predetermined period of time; and

,

in response to detecting no interaction with the touch-sensitive display for at least the predetermined period of time;

ceasing to display a currently displayed set of media player controls; and

maintaining display of the graphic corresponding to the first media item.

23. The portable electronic device of claim 1, wherein the first type of gesture is any one of a tap gesture and a drag gesture, and wherein the second type of gesture is any one of a tap gesture, a swipe gesture, and a press-and-hold gesture.

24. The portable electronic device of claim 1, wherein the first type of gesture is a tap gesture and the second type of gesture is a tap-and-hold gesture.

25. The portable electronic device of claim 1, wherein:

the first predefined set of media player controls includes a pause icon which, when activated, pauses playback of the first media item, and

the second predefined set of media player controls includes a shuffle icon which, when activated, shuffles playback of media.

26. The portable electronic device of claim 25, wherein:

the first predefined set of media player controls includes a next icon which, when activated, starts playback of a next media in a playlist, and

the second predefined set of media player controls includes a repeat icon which, when activated, initiates a mode to repeatedly play back the first media item.

27. The portable electronic device of claim 25, wherein:

the first predefined set of media player controls does not include the shuffle icon which, when activated, shuffles playback of media, and

the second predefined set of media player controls does not include the pause icon which, when activated, pauses playback of the first media item.

38. The device of claim 1, wherein operations performed in response to detecting activation of corresponding media player controls in the first predefined set of media player controls are distinct from operations performed in response to detecting activation of corresponding media player controls in the second predefined set of media player controls.

8. A method, comprising:

at a portable electronic device with a touch-sensitive display, the touch-sensitive display configured to separately display sets of media player controls, including a first predefined set of media player controls and a second predefined set of media player controls;

displaying the first predefined set of media player controls while playing a first media item;

detecting gestures on the touch-sensitive display while displaying the first predefined set of media player controls and playing the first media item;

in response to detecting a first gesture, of the detected gestures, on a first media player control in the first predefined set of media player controls, activating the first media player control and controlling playing of the first media item in accordance with activation of the first media player control, wherein the first gesture is a first type of gesture; and

,

in response to detecting a second gesture, of the detected gestures, replacing display of the first predefined set of media player controls with display of the second predefined set of media player controls and maintaining playing of the first media item, wherein the second gesture is distinct from the first gesture, the second gesture is a second type of gesture different from the first type of gesture, and the second gesture is detected while displaying the first predefined set of media player controls, and wherein the media player controls in the first predefined set of media player controls are distinct from the media player controls in the second predefined set of media player controls.

11. The method of claim 8, including:

in response to detecting a third gesture, of the detected gestures, the third gesture distinct from the first gesture and the second gesture, replacing display of a current user interface screen with a prior user interface screen.

12. The method of claim 8, including:

concurrently displaying a graphic corresponding to the first media item while displaying the first predefined set of media player controls and playing the first media item; and

in response to detecting the second gesture, maintaining display of the graphic corresponding to the first media item while displaying the second predefined set of media player controls and maintaining playing of the first media item.

13. The method of claim 8, wherein the sets of media player controls include a number of sets of media player controls in a sequence;

and further including;

displaying two or more set-sequence-indicia icons, wherein the set-sequence-indicia icons provide information about the number of sets of media player controls and a position of a displayed media player controls set in the sequence of media player controls sets; and

,

in response to detecting the second gesture, updating the information provided by the set-sequence-indicia icons to reflect the replacement of the displayed first predefined set of media player controls by the displayed second predefined set of media player controls.

14. The method of claim 8, including:

in response to detecting the second gesture, displaying an animation of the first predefined set of media player controls being replaced by the second predefined set of media player controls.

15. The method of claim 8, including:

after detecting the second gesture, detecting gestures on the touch-sensitive display while displaying the second predefined set of media player controls and playing the first media item;

in response to detecting a fourth gesture, of the detected gestures, on a second media player control in the second predefined set of media player controls, activating the second media player control and controlling playing of the first media item in accordance with activation of the second media player control; and

,

in response to detecting a fifth gesture, of the detected gestures, the fifth gesture distinct from the fourth gesture, replacing display of the second predefined set of media player controls with display of the first predefined set of media player controls and maintaining playing of the first media item.

16. The method of claim 12, including:

detecting no interaction with the touch-sensitive display for at least a predetermined period of time; and

,

in response to detecting no interaction with the touch-sensitive display for at least the predetermined period of time;

ceasing to display a currently displayed set of media player controls; and

maintaining display of the graphic corresponding to the first media item.

28. The method of claim 8, wherein the first type of gesture is any one of a tap gesture and a drag gesture, and wherein the second type of gesture is any one of a tap gesture, a swipe gesture, and a press-and-hold gesture.

29. The method of claim 8, wherein the first type of gesture is a tap gesture and the second type of gesture is a tap-and-hold gesture.

30. The method of claim 8, wherein:

the first predefined set of media player controls includes a pause icon which, when activated, pauses playback of the first media item, and

the second predefined set of media player controls includes a shuffle icon which, when activated, shuffles playback of media.

31. The method of claim 30, wherein:

the first predefined set of media player controls includes a next icon which, when activated, starts playback of a next media in a playlist, and

the second predefined set of media player controls includes a repeat icon which, when activated, initiates a mode to repeatedly play back the first media item.

32. The method of claim 30, wherein:

the first predefined set of media player controls does not include the shuffle icon which, when activated, shuffles playback of media, and

the second predefined set of media player controls does not include the pause icon which, when activated, pauses playback of the first media item.

39. The method of claim 8, wherein operations performed in response to detecting activation of corresponding media player controls in the first predefined set of media player controls are distinct from operations performed in response to detecting activation of corresponding media player controls in the second predefined set of media player controls.

9. A graphical user interface on a portable electronic device with a touch-sensitive display, a memory, and one or more processors to execute one or more programs stored in the memory, the graphical user interface comprising:

separately displayed sets of media player controls, including a first predefined set of media player controls and a second predefined set of media player controls

wherein;

the first predefined set of media player controls is displayed while a first media item is played;

gestures on the touch-sensitive display are detected while the first predefined set of media player controls is displayed and the first media item is played;

in response to detection of a first gesture, of the detected gestures, on a first media player control in the first predefined set of media player controls, the first media player control is activated and playing of the first media item is controlled in accordance with activation of the first media player control, wherein the first gesture is a first type of gesture; and

,

in response to detection of a second gesture, of the detected gestures, display of the first predefined set of media player controls is replaced with display of the second predefined set of media player controls and playing of the first media item is maintained, wherein the second gesture is distinct from the first gesture, the second gesture is a second type of gesture different from the first type of gesture, and the second gesture is detected while displaying the first predefined set of media player controls, and wherein the media player controls in the first predefined set of media player controls are distinct from the media player controls in the second predefined set of media player controls.

10. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions which, when executed by a portable electronic device with a touch-sensitive display, the touch-sensitive display configured to separately display sets of media player controls, including a first predefined set of media player controls and a second predefined set of media player controls, cause the device to:

display the first predefined set of media player controls while playing a first media item;

detect gestures on the touch-sensitive display while displaying the first predefined set of media player controls and playing the first media item;

in response to detecting a first gesture, of the detected gestures, on a first media player control in the first predefined set of media player controls, activate the first media player control and control playing of the first media item in accordance with activation of the first media player control, wherein the first gesture is a first type of gesture; and

,

in response to detecting a second gesture, of the detected gestures, replace display of the first predefined set of media player controls with display of the second predefined set of media player controls and maintain playing of the first media item, wherein the second gesture is distinct from the first gesture, the second gesture is a second type of gesture different from the first type of gesture, and the second gesture is detected while displaying the first predefined set of media player controls, and wherein the media player controls in the first predefined set of media player controls are distinct from the media player controls in the second predefined set of media player controls.

17. The non-transitory computer readable storage medium of claim 10, including instructions which cause the device to:

in response to detecting a third gesture, of the detected gestures, the third gesture distinct from the first gesture and the second gesture, replace display of a current user interface screen with a prior user interface screen.

18. The non-transitory computer readable storage medium of claim 10, including instructions which cause the device to:

concurrently display a graphic corresponding to the first media item while displaying the first predefined set of media player controls and playing the first media item; and

in response to detecting the second gesture, maintain display of the graphic corresponding to the first media item while display the second predefined set of media player controls and maintaining playing of the first media item.

19. The non-transitory computer readable storage medium of claim 10, including instructions which cause the device to, wherein the sets of media player controls include a number of sets of media player controls in a sequence;

and further including instructions which cause the device to;

display two or more set-sequence-indicia icons, wherein the set-sequence-indicia icons provide information about the number of sets of media player controls and a position of a displayed media player controls set in the sequence of media player controls sets; and

,

in response to detecting the second gesture, update the information provided by the set-sequence-indicia icons to reflect the replacement of the displayed first predefined set of media player controls by the displayed second predefined set of media player controls.

20. The non-transitory computer readable storage medium of claim 10, including instructions which cause the device to:

in response to detecting the second gesture, display an animation of the first predefined set of media player controls being replaced by the second predefined set of media player controls.

21. The non-transitory computer readable storage medium of claim 10, including instructions which cause the device to:

after detecting the second gesture, detect gestures on the touch-sensitive display while displaying the second predefined set of media player controls and playing the first media item;

in response to detecting a fourth gesture, of the detected gestures, on a second media player control in the second predefined set of media player controls, activate the second media player control and controlling playing of the first media item in accordance with activation of the second media player control; and

,

in response to detecting a fifth gesture, of the detected gestures, the fifth gesture distinct from the fourth gesture, replace display of the second predefined set of media player controls with display of the first predefined set of media player controls and maintain playing of the first media item.

22. The non-transitory computer readable storage medium of claim 18, including instructions which cause the device to:

detect no interaction with the touch-sensitive display for at least a predetermined period of time; and

,

in response to detecting no interaction with the touch-sensitive display for at least the predetermined period of time;

cease to display a currently displayed set of media player controls; and

maintain display of the graphic corresponding to the first media item.

33. The non-transitory computer readable storage medium of claim 10, wherein the first type of gesture is any one of a tap gesture and a drag gesture, and wherein the second type of gesture is any one of a tap gesture, a swipe gesture, and a press-and-hold gesture.

34. The non-transitory computer readable storage medium of claim 10, wherein the first type of gesture is a tap gesture and the second type of gesture is a tap-and-hold gesture.

35. The non-transitory computer readable storage medium of claim 10, wherein:

the first predefined set of media player controls includes a pause icon which, when activated, pauses playback of the first media item, and

the second predefined set of media player controls includes a shuffle icon which, when activated, shuffles playback of media.

36. The non-transitory computer readable storage medium of claim 35, wherein:

the first predefined set of media player controls includes a next icon which, when activated, starts playback of a next media in a playlist, and

the second predefined set of media player controls includes a repeat icon which, when activated, initiates a mode to repeatedly play back the first media item.

37. The non-transitory computer readable storage medium of claim 35, wherein:

the first predefined set of media player controls does not include the shuffle icon which, when activated, shuffles playback of media, and

the second predefined set of media player controls does not include the pause icon which, when activated, pauses playback of the first media item.

40. The non-transitory computer readable storage medium of claim 10, wherein operations performed in response to detecting activation of corresponding media player controls in the first predefined set of media player controls are distinct from operations performed in response to detecting activation of corresponding media player controls in the second predefined set of media player controls.