Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos

• US 20080320391A1
• Filed: 12/31/2007
• Published: 12/25/2008
• Est. Priority Date: 06/20/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Chaudhri, Imran, Lemay, Stephen O., Van Os, Marcel, Williamson, Richard, Pisula, Charles J., Matas, Michael, Omernick, Timothy P.
• Granted Patent: US 9,933,937 B2
• Time in Patent Office: Days
• US Class Current: 715/702
• 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; 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 of information about content items, scrolls the first list of information; in response to detecting a stationary finger contact on a first portion of a row in the first list of information, wherein the row contains information about a particular online video item: 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; and, in response to detecting a finger contact on a respective icon in the plurality of icons, displays a corresponding list of information about online video items.

Claims

1. A computer-implemented method, comprising:

at a portable electronic device with a touch screen display,

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

displaying 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 content items, scrolling the first list of information about content items;

in response to detecting a stationary finger contact 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 contact 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; and

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

2. A computer-implemented method, comprising:

at a portable electronic device with a touch screen display,

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

displaying 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 content items, scrolling the first list of information about content items;

in response to detecting a stationary finger contact 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 contact on a respective icon in the plurality of icons, displaying a corresponding list of information about online video items.

3. The computer-implemented method of claim 2, wherein, in response to detecting a finger contact 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 computer-implemented 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 content items, a list of information about most recently added content items, a list of information about most viewed content items, a list of information about top rated content items, a list of information about content items bookmarked by a user of the computing device, and a list of information about content items viewed by a user of the computing device.

5. The computer-implemented 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.

6. The computer-implemented 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.

7. The computer-implemented 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.

8. The computer-implemented 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.

9. The computer-implemented 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.

10. The computer-implemented method of claim 9, 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.

11. The computer-implemented method of claim 10, 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.

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

13. The computer-implemented method of claim 2, wherein

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

14. The computer-implemented method of claim 13, 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.

15. The computer-implemented method of claim 13, wherein displaying one or more playback controls comprises displaying one or more playback controls on top of the particular online video item.

16. The computer-implemented method of claim 13, including, while playing the particular online video item, ceasing to display the one or more playback controls.

17. The computer-implemented method of claim 16, wherein ceasing to display the one or more playback controls comprises fading out the one or more playback controls.

18. The computer-implemented method of claim 16, wherein the display of the one or more playback controls is ceased after a predetermined time.

19. The computer-implemented method of claim 16, 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.

20. The computer-implemented method of claim 2, wherein

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

21. The computer-implemented method of claim 2, wherein

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

22. The computer-implemented method of claim 2, wherein

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

23. The computer-implemented method of claim 3, wherein the additional information about the particular online video item includes information about related online video items.

24. The computer-implemented method of claim 3, wherein

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

25. The computer-implemented method of claim 3, wherein

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

26. The computer-implemented method of claim 3, wherein

in response to detecting a finger contact 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.

27. The computer-implemented method of claim 2, wherein

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

ceasing to play the particular online video item, and

displaying again the first list of information.

28. The computer-implemented method of claim 27, wherein the finger contact 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 contact 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 contact 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 contact 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 content items, scrolling the first list of information about content items;

instructions for, in response to detecting a stationary finger contact 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 contact on a respective icon in the plurality of icons, displaying a corresponding list of information about online video items.

32. A computer readable storage medium storing one or more programs, the one of 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 content items, scroll the first list of information about content items;

in response to detecting a stationary finger contact 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 contact on a respective icon in the plurality of icons, display a corresponding list of information about online video items.

33. A portable computing device with a touch screen display, comprising:

means for displaying a first list of information about online video items in a plurality of lists of information about online video items;

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

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

means for, in response to detecting a stationary finger contact 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

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