Portable multifunction device, method, and graphical user interface for playing online videos

• US 9,933,937 B2
• Filed: 12/31/2007
• Issued: 04/03/2018
• Est. Priority Date: 06/20/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Lemay, Stephen O., Matas, Michael, Omernick, Timothy P., Williamson, Richard, Chaudhri, Imran, Pisula, Charles J., Van Os, Marcel
• Primary Examiner(s): HO, RUAY L
• Application Number:
  US11/968,067
• Publication Number:
  US 20080320391A1
• Time in Patent Office: 3,746 Days
• Field of Search: 715200-277, 715700-867, 700701-866, 709201-229, 705 50- 79, 345 30-111, 345173, 345660, 707 1- 10, 707100-1041, 707200-206, 707722, 370252
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

A portable electronic device with a touch screen display displays a first list of information about online video items in a plurality of lists. The device displays a plurality of icons corresponding to at least some of the plurality of lists. In response to detecting a moving finger gesture on the first list, the device scrolls the first list. In response to detecting a stationary finger gesture on a first portion of a row in the first list, where the row contains information about a particular online video item, the device: initiates a request for the particular online video item from a remote computer, receives the particular online video item, and plays the particular online video item. In response to detecting a finger gesture on a respective icon in the plurality of icons, the device displays a corresponding list of information about online video items.

Claims

1. A method, comprising:

at a portable electronic device with a touch screen display;

displaying, on the touch screen display of the portable electronic device, a first list of information about online video items in a plurality of lists of information about online video items;

displaying, on the touch screen display of the portable electronic device, a plurality of icons corresponding to at least some of the plurality of lists of information about online video items;

in response to detecting a moving finger gesture on the first list of information about online video items, scrolling the first list of information about online video items on the touch screen display of the portable electronic device;

in response to detecting a tap gesture on a first portion of a row in the first list of information about online video items, wherein the row contains information about a particular online video item;

initiating a request for the particular online video item from a remote computer,

receiving the particular online video item, and

playing the particular online video item;

in response to detecting a finger gesture on a second portion of the row in the first list of information about online video items, wherein the second portion of the row is different from the first portion of the row, displaying, on the touch screen display of the portable electronic device, additional information about the particular online video item; and

in response to detecting a finger gesture on a respective icon in the plurality of icons, displaying, on the touch screen display of the portable electronic device, a corresponding list of information about online video items.

2. A method, comprising:

at a portable electronic device with a touch screen display;

displaying, on the touch screen display of the portable electronic device, a first list of information about online video items in a plurality of lists of information about online video items;

displaying, on the touch screen display of the portable electronic device, a plurality of icons corresponding to at least some of the plurality of lists of information about online video items;

in response to detecting a moving finger gesture on the first list of information about online video items, scrolling the first list of information about online video items on the touch screen display of the portable electronic device;

in response to detecting a tap gesture on a first portion of a row in the first list of information about online video items, wherein the row contains information about a particular online video item;

initiating a request for the particular online video item from a remote computer,

receiving the particular online video item, and

playing the particular online video item; and

in response to detecting a finger gesture on a respective icon in the plurality of icons, displaying, on the touch screen display of the portable electronic device, a corresponding list of information about online video items.

3. The method of claim 2, wherein, in response to detecting a finger gesture on a second portion of the row in the first list of information about online video items, wherein the second portion of the row is different from the first portion of the row, displaying additional information about the particular online video item.

4. The method of claim 3, wherein the additional information about the particular online video item includes information about related online video items.

5. The method of claim 3, wherein

in response to detecting a finger gesture on the second portion of the row, displaying a bookmark icon that, if activated by another finger gesture, bookmarks the particular online video item.

6. The method of claim 3, wherein

in response to detecting a finger gesture on the second portion of the row, displaying a sharing icon that, if activated by another finger gesture, initiates creation of an electronic message to another user that includes a link to or an online address for the particular online video item.

7. The method of claim 3, wherein

in response to detecting a finger gesture on the second portion of the row,

displaying a bookmark icon and a sharing icon if the particular online video item is not bookmarked, and

displaying an enlarged sharing icon without the bookmark icon if the particular online video item is already bookmarked.

8. The method of claim 2, wherein the plurality of lists of information about online video items include at least two of:

a list of information about featured online video items, a list of information about most recently added online video items, a list of information about most viewed online video items, a list of information about top rated online video items, a list of information about online video items bookmarked by a user of the computing device, and a list of information about online video items viewed by a user of the computing device.

9. The method of claim 2, wherein a respective list of information about online video items is displayed in a portrait orientation of the touch screen display.

10. The method of claim 2, wherein the row has a width, the touch screen has a width and the width of the row is substantially the same as the width of the touch screen display.

11. The method of claim 2, wherein the touch screen display has an area and the particular online video item uses substantially all of the touch screen display area when the particular online video item is played.

12. The method of claim 2, including displaying a search icon that when activated initiates the display of a user interface for searching for online video items.

13. The method of claim 2, including displaying an icon that when activated initiates the display of:

icons corresponding to at least some of the plurality of lists of information about online video items, and

a configuration icon that when activated initiates the display of a user interface for configuring which icons corresponding to at least some of the plurality of lists are displayed with the first list of information.

14. The method of claim 13, wherein

after detecting a gesture on the configuration icon,

detecting a finger-down event at a first icon in a plurality of icons;

detecting one or more finger-dragging events on the touch screen display;

moving the first icon on the touch screen display along a path determined by the finger-dragging events until the first icon at least in part overlaps a second icon in the plurality of icons;

detecting a finger-up event at the second icon; and

visually replacing the second icon with the first icon.

15. The method of claim 14, wherein while moving the first icon on the touch screen display, displaying the first icon in a manner visually distinguishable from other icons on the touch screen display.

16. The method of claim 2, wherein the particular online video item is played in a landscape orientation of the touch screen display.

17. The method of claim 2, wherein

in response to detecting a finger gesture on the touch screen display while the particular online video item is playing, displaying one or more playback controls.

18. The method of claim 17, wherein the one or more playback controls comprise a play icon, a pause icon, a sound volume icon, and/or a playback progress bar icon.

19. The method of claim 17, wherein displaying one or more playback controls comprises displaying one or more playback controls on top of the particular online video item.

20. The method of claim 17, including, while playing the particular online video item, ceasing to display the one or more playback controls.

21. The method of claim 20, wherein ceasing to display the one or more playback controls comprises fading out the one or more playback controls.

22. The method of claim 20, wherein the display of the one or more playback controls is ceased after a predetermined time.

23. The method of claim 20, wherein the display of the one or more playback controls is ceased after no contact is detected with the touch screen display for a predetermined time.

24. The method of claim 2, wherein

in response to detecting a finger gesture on the touch screen display while the particular online video item is playing, displaying a bookmark icon that, if activated by another finger gesture, bookmarks the particular online video item.

25. The method of claim 2, wherein

in response to detecting a finger gesture on the touch screen display while the particular online video item is playing, displaying a sharing icon that, if activated by another finger gesture, initiates creation of an electronic message to another user that includes a link to the particular online video item.

26. The method of claim 2, wherein

in response to detecting a finger gesture on the touch screen display while the particular online video item is playing, displaying a sharing icon that, if activated by another finger gesture, initiates creation of an electronic message to another user that includes an online address for the particular online video item.

27. The method of claim 2, wherein

in response to detecting a finger gesture on a playback completion icon,

ceasing to play the particular online video item, and

displaying again the first list of information.

28. The method of claim 27, wherein the finger gesture detected on the playback completion icon comprises a tap gesture.

29. A graphical user interface on a portable electronic device with a touch screen display, comprising:

a first list of information about online video items in a plurality of lists of information about online video items; and

a plurality of icons corresponding to at least some of the plurality of lists of information about online video items;

wherein;

in response to detecting a finger gesture on a first portion of a row in the first list of information about online video items, wherein the row contains information about a particular online video item;

a request is initiated for the particular online video item from a remote computer,

the particular online video item is received, and

the particular online video item is played; and

in response to detecting a finger gesture on a respective icon in the plurality of icons, a corresponding list of information about online video items is displayed.

30. The graphical user interface of claim 29, wherein:

in response to detecting a finger gesture on a second portion of the row in the first list of information about online video items, wherein the second portion of the row is different from the first portion of the row, additional information is displayed about the particular online video item.

31. A portable computing device, comprising:

a touch screen display;

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 a first list of information about online video items in a plurality of lists of information about online video items;

instructions for displaying a plurality of icons corresponding to at least some of the plurality of lists of information about online video items;

instructions for, in response to detecting a moving finger gesture on the first list of information about online video items, scrolling the first list of information about online video items;

instructions for, in response to detecting a tap gesture on a first portion of a row in the first list of information about online video items, wherein the row contains information about a particular online video item;

initiating a request for the particular online video item from a remote computer,

receiving the particular online video item, and

playing the particular online video item; and

instructions for, in response to detecting a finger gesture on a respective icon in the plurality of icons, displaying a corresponding list of information about online video items.

32. 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 computing device with a touch screen display, cause the device to:

display a first list of information about online video items in a plurality of lists of information about online video items;

display a plurality of icons corresponding to at least some of the plurality of lists of information about online video items;

in response to detecting a moving finger gesture on the first list of information about online video items, scroll the first list of information about online video items;

in response to detecting a tap gesture on a first portion of a row in the first list of information about online video items, wherein the row contains information about a particular online video item;

initiate a request for the particular online video item from a remote computer,

receive the particular online video item, and

play the particular online video item; and

in response to detecting a finger gesture on a respective icon in the plurality of icons, display a corresponding list of information about online video items.