Video Object Behavior in a User Interface

• US 20130198634A1
• Filed: 06/06/2012
• Published: 08/01/2013
• Est. Priority Date: 02/01/2012
• Status: Active Grant

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Matas, Michael, Tsinteris, Kimon, Sarner, Austin, Melcher, Charles
• Granted Patent: US 8,990,691 B2
• Time in Patent Office: Days
• US Class Current: 715/717
• 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/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• 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 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/137 Hierarchical processing, e.g. outlines
• CPC Class Codes: G06F 8/34 Graphical or visual programming
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 15/60 Shadow generation
• CPC Class Codes: H04L 67/06 specially adapted for file transfer, e.g. file transfer protocol [FTP]
• CPC Class Codes: H04L 67/52 specially adapted for the location of the user terminal

Abstract

In one embodiment, presenting a video in a user interface in a first presentation mode of a plurality of presentation modes, each presentation mode has a specific size for presenting a visual portion of the video and a specific volume for presenting an audio portion of the video; and in response to a user interaction with the video in the first presentation mode, transitioning the video to a second presentation mode, comprising: changing the visual portion of the video from a first size of the first presentation mode to a second size of the second presentation mode; and changing the audio portion of the video from a first volume of the first presentation mode to a second volume of the second presentation mode.

Claims

1. A method, performed by one or more first electronic devices, comprising:

presenting a video in a user interface in a first presentation mode of a plurality of presentation modes, each presentation mode has a specific size for presenting a visual portion of the video and a specific volume for presenting an audio portion of the video; and

in response to a user interaction with the video in the first presentation mode, transitioning the video to a second presentation mode, comprising;

changing the visual portion of the video from a first size of the first presentation mode to a second size of the second presentation mode; and

changing the audio portion of the video from a first volume of the first presentation mode to a second volume of the second presentation mode.

2. The method of claim 1, wherein the plurality of presentation modes comprises an index mode, an on-page mode, and a full-screen mode.

3. The method of claim 2, further comprising:

while presenting the video in the index mode or the on-page mode, in response to a user interaction with the video that causes the video to start playback, transitioning the video to the full-screen mode; and

while presenting the video in the full-screen mode, in response to a user interaction with the video that causes the video to stop playback or in response to the video reaching its end, transitioning the video back to the index mode or the on-page mode.

4. The method of claim 2, further comprising:

while presenting the video in the index mode, in response to a user single tapping or pinching open the video, transitioning the video from the index mode to the on-page mode;

while presenting the video in the on-page mode, in response to the user single tapping or pinching open the video, transitioning the video from the on-page mode to the full-screen mode;

while presenting the video in the full-screen mode, in response to the user double tapping or pinching close the video, transitioning the video from the full-screen mode to the on-page mode; and

while presenting the video in the on-page mode, in response to the user double tapping or pinching close the video, transitioning the video from the on-page mode to the index mode.

5. The method of claim 2, further comprising:

while presenting the video in the on-page mode, in response to a user navigating away from a user-interface component including the video,

recording a current playback position of the video; and

gradually fading away the audio portion of the video; and

while presenting the video in the on-page mode, in response to the user navigating to the user-interface component including the video, resuming playback of the video at the recorded playback position of the video.

6. The method of claim 2, further comprising

while presenting the video in the on-page mode, visually indicating that the video is user interactive by floating the video on top of a user-interface component including the video.

7. The method of claim 1, further comprising

while presenting the video in each presentation mode, associating a playback control icon with the video.

8. One or more computer-readable non-transitory storage media embodying software that is operable when executed to:

present a video in a user interface in a first presentation mode of a plurality of presentation modes, each presentation mode has a specific size for presenting a visual portion of the video and a specific volume for presenting an audio portion of the video; and

in response to a user interaction with the video in the first presentation mode, transitioning the video to a second presentation mode, comprising;

change the visual portion of the video from a first size of the first presentation mode to a second size of the second presentation mode; and

change the audio portion of the video from a first volume of the first presentation mode to a second volume of the second presentation mode.

9. The media of claim 8, wherein the plurality of presentation modes comprises an index mode, an on-page mode, and a full-screen mode.

10. The media of claim 9, wherein the software is further operable to:

while presenting the video in the index mode or the on-page mode, in response to a user interaction with the video that causes the video to start playback, transition the video to the full-screen mode; and

while presenting the video in the full-screen mode, in response to a user interaction with the video that causes the video to stop playback or in response to the video reaching its end, transition the video back to the index mode or the on-page mode.

11. The media of claim 9, wherein the software is further operable to:

while presenting the video in the index mode, in response to a user single tapping or pinching open the video, transition the video from the index mode to the on-page mode;

while presenting the video in the on-page mode, in response to the user single tapping or pinching open the video, transition the video from the on-page mode to the full-screen mode;

while presenting the video in the full-screen mode, in response to the user double tapping or pinching close the video, transition the video from the full-screen mode to the on-page mode; and

while presenting the video in the on-page mode, in response to the user double tapping or pinching close the video, transition the video from the on-page mode to the index mode.

12. The media of claim 9, wherein the software is further operable to:

while presenting the video in the on-page mode, in response to a user navigating away from a user-interface component including the video,

record a current playback position of the video; and

gradually fade away the audio portion of the video; and

while presenting the video in the on-page mode, in response to the user navigating to the user-interface component including the video, resume playback of the video at the recorded playback position of the video.

13. The media of claim 9, wherein the software is further operable to

while presenting the video in the on-page mode, visually indicate that the video is user interactive by floating the video on top of a user-interface component including the video.

14. The media of claim 8, wherein the software is further operable to

while presenting the video in each presentation mode, associate a playback control icon with the video.

15. A system comprising:

a memory comprising instructions executable by one or more processors; and

the one or more processors coupled to the memory and operable to execute the instructions, the one or more processors being operable when executing the instructions to;

present a video in a user interface in a first presentation mode of a plurality of presentation modes, each presentation mode has a specific size for presenting a visual portion of the video and a specific volume for presenting an audio portion of the video; and

in response to a user interaction with the video in the first presentation mode, transitioning the video to a second presentation mode, comprising;

change the visual portion of the video from a first size of the first presentation mode to a second size of the second presentation mode; and

change the audio portion of the video from a first volume of the first presentation mode to a second volume of the second presentation mode.

16. The system of claim 15, wherein the plurality of presentation modes comprises an index mode, an on-page mode, and a full-screen mode.

17. The system of claim 16, wherein the processors are further operable when executing the instructions to:

while presenting the video in the index mode or the on-page mode, in response to a user interaction with the video that causes the video to start playback, transition the video to the full-screen mode; and

while presenting the video in the full-screen mode, in response to a user interaction with the video that causes the video to stop playback or in response to the video reaching its end, transition the video back to the index mode or the on-page mode.

18. The system of claim 16, the processors are further operable when executing the instructions to:

while presenting the video in the index mode, in response to a user single tapping or pinching open the video, transition the video from the index mode to the on-page mode;

while presenting the video in the on-page mode, in response to the user single tapping or pinching open the video, transition the video from the on-page mode to the full-screen mode;

while presenting the video in the full-screen mode, in response to the user double tapping or pinching close the video, transition the video from the full-screen mode to the on-page mode; and

while presenting the video in the on-page mode, in response to the user double tapping or pinching close the video, transition the video from the on-page mode to the index mode.

19. The system of claim 16, the processors are further operable when executing the instructions to:

while presenting the video in the on-page mode, in response to a user navigating away from a user-interface component including the video,

record a current playback position of the video; and

gradually fade away the audio portion of the video; and

while presenting the video in the on-page mode, in response to the user navigating to the user-interface component including the video, resume playback of the video at the recorded playback position of the video.

20. The system of claim 16, the processors are further operable when executing the instructions to

while presenting the video in the on-page mode, visually indicate that the video is user interactive by floating the video on top of a user-interface component including the video.