Device, method, and graphical user interface with content display modes and display rotation heuristics

• US 9,733,812 B2
• Filed: 05/23/2014
• Issued: 08/15/2017
• Est. Priority Date: 01/06/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Lemay, Stephen O., Anzures, Freddy Allen
• Primary Examiner(s): Fibbi, Christopher J
• Application Number:
  US14/286,971
• Publication Number:
  US 20140372889A1
• Time in Patent Office: 1,180 Days
• Field of Search: 715716, 715719, 345158
• CPC Class Codes: G06F 2200/1614 Image rotation following screen orientation, e.g. switching from landscape to portrait mode
• 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/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• 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
• 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

A method is performed at a multifunction device with a touch-sensitive display. The method includes: playing a first piece of content in a full-size mode on the display at a predefined aspect ratio; while playing the first piece of content on the display in the full-size mode, detecting a first gesture on the display; in response to detecting the first gesture: shrinking the playing of the first piece of content to a first region of the display while keeping the predefined aspect ratio and displaying information related to the first piece of content in a second region of the display.

Claims

1. A portable electronic device, comprising:

a touch-sensitive 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;

playing a first piece of video content in a full-size mode on the touch-sensitive display, wherein the touch-sensitive display is in a first orientation;

while playing the first piece of video content in the full-size mode, detecting a first gesture on the touch-sensitive display;

in response to detecting the first gesture;

shrinking the playing of the first piece of video content to a first-size mode;

while playing the first piece of video content in the first-size mode, detecting a change in orientation of the display from the first orientation to a second orientation, wherein the first orientation is a landscape orientation and the second orientation is a portrait orientation;

in response to detecting the change in orientation of the display from the first orientation to the second orientation, continuing to play the first piece of video content in a second-size mode on the display, the second-size mode being distinct from the first-size mode;

while playing the first piece of video content in the second-size mode;

playing the first piece of video content in a first region on the touch-sensitive display, and

concurrently displaying first information associated with the first piece of video content in a second region distinct from the first region on the touch-sensitive display;

while playing the first piece of video content in the first region of the display and concurrently displaying the first information associated with the first piece of video content in the second region of the display, detecting a second gesture in the second region on the touch-sensitive display; and

in response to detecting the second gesture in the second region on the touch-sensitive display;

replacing the display of the first information with display of second information in the second region of the display while in the portrait orientation, wherein the first information includes a first set of user interface objects, and the second information includes a second set of user interface objects, wherein each user interface object is associated with the first piece of video content, and

continuing to play the first piece of video content in the first region of the display.

2. The device of claim 1, wherein the first-size mode is larger than the second-size mode.

3. The device of claim 1, wherein the first gesture is a pinch gesture on the touch-sensitive display and the second gesture is a swipe gesture on the touch-sensitive display.

4. The device of claim 1, wherein the one or more programs include further instructions for:

while playing the first piece of video content in the first region of the display and concurrently displaying the first information associated with the first piece of video content in the second region of the display, detecting a change in orientation of the touch-sensitive display from the second orientation to the first orientation; and

in response to detecting the change in orientation of the display from the second orientation to the first orientation;

continuing to play the first piece of video content in the first-size mode, wherein the first piece of video content is played in a third region larger than the first region on the touch-sensitive display, and

removing the display of the first information.

5. The device of claim 1, wherein the one or more programs include further instructions for:

while playing the first piece of video content in the second-size mode, displaying a search box on the touch-sensitive display;

detecting a touch input on the search box displayed on the touch-sensitive display; and

in response to detecting the touch input;

displaying a soft keyboard on the touch-sensitive display, and

detecting a touch input on the soft keyboard,

in response to detecting the touch input on the soft keyboard;

ceasing to display the soft keyboard on the touch-sensitive display, and

replacing the display of the first information in the second region of the touch-sensitive display with display of third information associated with a search term inputted from the soft keyboard.

6. The device of claim 5, wherein the third information comprises a third set of user interface objects corresponding to video streams that match the search term.

7. The device of claim 6, wherein the one or more programs further include instructions for:

while playing the first piece of video content in the first region on the display and displaying the third information in the second region on the display, detecting a touch input on one of the third set of user interface objects;

in response to detecting the touch input on one of the third set of user interface objects;

ceasing to play the first piece of video content in the first region on the display,

starting to play respective video stream associated with the one of the third set of user interface objects in the first region on the display, and

replacing the display of the third set of user interface objects in the second region on the display with display of a fourth set of user interface objects.

8. 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 multifunction device with a touch-sensitive display, cause the device to perform:

playing a first piece of video content in a full-size mode on the touch-sensitive display, wherein the touch-sensitive display is in a first orientation;

while playing the first piece of video content in the full-size mode, detecting a first gesture on the touch-sensitive display;

in response to detecting the first gesture;

shrinking the playing of the first piece of video content to a first-size mode;

while playing the first piece of video content in the first-size mode, detecting a change in orientation of the display from the first orientation to a second orientation, wherein the first orientation is a landscape orientation and the second orientation is a portrait orientation;

in response to detecting the change in orientation of the display from the first orientation to the second orientation, continuing to play the first piece of video content in a second-size mode on the display, the second-size mode being distinct from the first-size mode;

while playing the first piece of video content in the second-size mode;

playing the first piece of video content in a first region on the touch-sensitive display, and

concurrently displaying first information associated with the first piece of video content in a second region distinct from the first region on the touch-sensitive display;

while playing the first piece of video content in the first region of the display and concurrently displaying the first information associated with the first piece of video content in the second region of the display, detecting a second gesture in the second region on the touch-sensitive display; and

in response to detecting the second gesture in the second region on the touch-sensitive display;

replacing the display of the first information with display of second information in the second region of the display while in the portrait orientation, wherein the first information includes a first set of user interface objects, and the second information includes a second set of user interface objects, wherein each user interface object is associated with the first piece of video content, and

continuing to play the first piece of video content in the first region of the display.

9. The medium of claim 8, wherein the first-size mode is larger than the second-size mode.

10. The medium of claim 8, wherein the first gesture is a pinch gesture on the touch-sensitive display and the second gesture is a swipe gesture on the touch-sensitive display.

11. The medium of claim 8, wherein the one or more programs, when executed by the portable multifunction device with the touch-sensitive display, cause the device to further perform:

while playing the first piece of video content in the first region of the display and concurrently displaying the first information associated with the first piece of video content in the second region of the display, detecting a change in orientation of the touch-sensitive display from the second orientation to the first orientation;

in response to detecting the change in orientation of the display from the second orientation to the first orientation;

continuing to play the first piece of video content in the first-size mode, wherein the first piece of video content is played in a third region larger than the first region on the touch-sensitive display, and

removing the display of the first information.

12. The medium of claim 8, wherein the one or more programs, when executed by the portable multifunction device with the touch-sensitive display, cause the device to further perform:

while playing the first piece of video content in the second-size mode, displaying a search box on the touch-sensitive display;

detecting a touch input on the search box displayed on the touch-sensitive display; and

in response to detecting the touch input;

displaying a soft keyboard on the touch-sensitive display, and

detecting a touch input on the soft keyboard, and in response to detecting the touch input on the soft keyboard;

ceasing to display the soft keyboard on the touch-sensitive display, and

replacing the display of the first information in the second region of the touch-sensitive display with display of third information associated with a search term inputted from the soft keyboard.

13. The medium of claim 12, wherein the third information comprises a third set of user interface objects corresponding to video streams that match the search term.

14. The medium of claim 13, wherein the one or more programs, when executed by the portable multifunction device with the touch-sensitive display, cause the device to further perform:

while playing the first piece of video content in the first region on the display and displaying the third information in the second region on the display, detecting a touch input on one of the third set of user interface objects;

in response to detecting the touch input on one of the third set of user interface objects;

ceasing to play the first piece of video content in the first region on the display,

starting to play respective video stream associated with the one of the third set of user interface objects in the first region on the display, and

replacing the display of the third set of user interface objects in the second region on the display with display of a fourth set of user interface objects.

15. A method, comprising:

at a multifunction device with a touch-sensitive display;

playing a first piece of video content in a full-size mode on the touch-sensitive display, wherein the touch-sensitive display is in a first orientation;

while playing the first piece of video content in the full-size mode, detecting a first gesture on the touch-sensitive display;

in response to detecting the first gesture;

shrinking the playing of the first piece of video content to a first-size mode;

while playing the first piece of video content in the first-size mode, detecting a change in orientation of the display from the first orientation to a second orientation, wherein the first orientation is a landscape orientation and the second orientation is a portrait orientation;

in response to detecting the change in orientation of the display from the first orientation to the second orientation, continuing to play the first piece of video content in a second-size mode on the display, the second-size mode being distinct from the first-size mode;

while playing the first piece of video content in the second-size mode;

playing the first piece of video content in a first region on the touch-sensitive display, and

concurrently displaying first information associated with the first piece of video content in a second region distinct from the first region on the touch-sensitive display;

while playing the first piece of video content in the first region of the display and concurrently displaying the first information associated with the first piece of video content in the second region of the display, detecting a second gesture in the second region on the touch-sensitive display; and

in response to detecting the second gesture in the second region on the touch-sensitive display;

replacing the display of the first information with display of second information in the second region of the display while in the portrait orientation, wherein the first information includes a first set of user interface objects, and the second information includes a second set of user interface objects, wherein each user interface object is associated with the first piece of video content, and

continuing to play the first piece of video content in the first region of the display.

16. The method of claim 15, wherein the first-size mode is larger than the second-size mode.

17. The method of claim 15, wherein the first gesture is a pinch gesture and the second gesture is a swipe gesture.

18. The method of claim 15, further comprising:

while playing the first piece of video content in the first region of the display and concurrently displaying the first information associated with the first piece of video content in the second region of the display, detecting a change in orientation of the touch-sensitive display from the second orientation to the first orientation; and

in response to detecting the change in orientation of the display from the second orientation to the first orientation;

continuing to play the first piece of video content in the first-size mode, wherein the first piece of video content is played in a third region larger than the first region on the touch-sensitive display, and

removing the display of the first information.

19. The method of claim 15, further comprising:

while playing the first piece of video content in the second-size mode, displaying a search box on the touch-sensitive display;

detecting a touch input on the search box displayed on the touch-sensitive display; and

in response to detecting the touch input;

displaying a soft keyboard on the touch-sensitive display, and

detecting a touch input on the soft keyboard, and

in response to detecting the touch input on the soft keyboard;

ceasing to display the soft keyboard on the touch-sensitive display, and

replacing the display of the first information in the second region of the touch-sensitive display with display of third information associated with a search term inputted from the soft keyboard.

20. The method of claim 19, wherein the third information comprises a third set of user interface objects corresponding to video streams that match the search term.

21. The method of claim 20, further comprising:

while playing the first piece of video content in the first region on the display and displaying the third information in the second region on the display, detecting a touch input on one of the third set of user interface objects;

in response to detecting the touch input on one of the third set of user interface objects;

ceasing to play the first piece of video content in the first region on the display,

starting to play respective video stream associated with the one of the third set of user interface objects in the first region on the display, and

replacing the display of the third set of user interface objects in the second region on the display with display of a fourth set of user interface objects.