Interactive contextual panels for navigating a content stream

• US 10,397,640 B2
• Filed: 07/05/2014
• Issued: 08/27/2019
• Est. Priority Date: 11/07/2013
• Status: Active Grant

• Current Assignee: Cisco Technology, Inc. (Cisco Systems, Inc.)
• Original Assignee: Cisco Technology, Inc. (Cisco Systems, Inc.)
• Inventors: Cormican, Neil, Dan, Ronnie, Patitucci, Patricia, Rogers, Peter, Walker, James
• Primary Examiner(s): Kumar, Pankaj
• Assistant Examiner(s): Riaz, Sahar Aqil
• Application Number:
  US14/324,171
• Publication Number:
  US 20150128046A1
• Time in Patent Office: 1,879 Days
• Field of Search: 725 40, 725 43
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 3/0412 Digitisers structurally integrated in a display
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• 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/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/1423 controlling a plurality of local displays, e.g. CRT and flat panel display
• CPC Class Codes: G06F 3/1454 involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
• CPC Class Codes: G09G 2354/00 Aspects of interface with display user
• CPC Class Codes: G09G 5/12 Synchronisation between the display unit and other units, e.g. other display units, video-disc players
• CPC Class Codes: H04L 41/22 comprising specially adapted graphical user interfaces [GUI]
• CPC Class Codes: H04L 65/00 Network arrangements, protocols or services for supporting real-time applications in data packet communication real-time or near real-time messaging, e.g. instant messaging [IM] H04L51/04; selective video distribution H04N21/00
• CPC Class Codes: H04N 21/23424 involving splicing one content stream with another content stream, e.g. for inserting or substituting an advertisement
• CPC Class Codes: H04N 21/4122 additional display device, e.g. video projector digital output for controlling a plurality of local displays G06F3/1423
• CPC Class Codes: H04N 21/41265 having a remote control device for bidirectional communication between the remote control device and client device unidirectional remote control device H04N21/42204
• CPC Class Codes: H04N 21/4143 embedded in a Personal Computer [PC]
• CPC Class Codes: H04N 21/42209 for displaying non-command information, e.g. electronic program guide [EPG], e-mail, messages or a second television channel
• CPC Class Codes: H04N 21/4222 Remote control device emulator integrated into a non-television apparatus, e.g. a PDA, media center or smart toy remote control device for a television receiver integrated into a mobile phone H04M1/72415
• CPC Class Codes: H04N 21/42224 Touch pad or touch panel provided on the remote control
• CPC Class Codes: H04N 21/4227 Providing Remote input by a user located remotely from the client device, e.g. at work
• CPC Class Codes: H04N 21/43079 : of additional data with content streams on multiple devices
• CPC Class Codes: H04N 21/4316 : for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
• CPC Class Codes: H04N 21/44226 : on social networks
• CPC Class Codes: H04N 21/47205 : for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
• CPC Class Codes: H04N 21/47217 : for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks specific graphical features in visual interfaces H04N21/4312
• CPC Class Codes: H04N 21/4784 : receiving rewards
• CPC Class Codes: H04N 21/4788 : communicating with other users, e.g. chatting arrangements for providing for computer conferences, e.g. chat rooms, to substation in data switching networks H04L12/1813; distributed application using peer-to-peer [P2P] networks H04L67/104
• CPC Class Codes: H04N 21/482 : End-user interface for program selection broadcast systems using EPGs H04H60/72
• CPC Class Codes: H04N 21/812 : involving advertisement data advertising per se G06Q30/02

Abstract

Displaying a graphical user interface on a second-screen device. The graphical user interface can include a partial video stream displayed in a video display area on a touchscreen of the second-screen device and a contextual panel in an active display area on the touchscreen. The contextual panel can include content associated with the partial video stream. The displayed partial video stream can be associated with a video stream displayed by a primary display with the two displayed video streams being associated with the same content and substantially synchronized.

Claims

1. A method for displaying a graphical user interface on a second-screen device comprising:

displaying, by an application, a partial video stream in a video display area on a touchscreen of the second-screen device;

displaying, by the application, a contextual panel in an active display area on the touchscreen, the contextual panel including content associated with the partial video stream, the partial video stream associated with a video stream displayed by a primary display, the partial video stream and the video stream associated with the same content and substantially synchronized;

displaying, in the contextual panel, messages associated with a social media feed, the messages corresponding to a selected time frame associated with the video stream displayed on the touchscreen; and

displaying, in the contextual panel, the selected time frame,

wherein,

displaying the partial video stream includes providing an indication of one or more time frames of the partial video stream on an ongoing basis, and

each of the one or more time frames is generated based on a rate of number of messages per time period exceeding a threshold on the ongoing basis.

2. The method of claim 1, wherein the threshold is a predetermined threshold.

3. The method of claim 1, wherein the rate is number of messages per minute.

4. The method of claim 1, wherein the indication comprises color coding each of the time frames.

5. The method of claim 4, further comprising:

sending, by the application, a color coded time bar to the primary display for display, the color coded time bar having color coded time frames corresponding to the color coded time frames displayed on the touchscreen.

6. A method for displaying a graphical user interface on a second-screen device comprising:

displaying, by an application, a partial video stream in a video display area on a touchscreen of the second-screen device;

displaying, by the application, a contextual panel in an active display area on the touchscreen, the contextual panel including content associated with the partial video stream, the partial video stream associated with a video stream displayed by a primary display, the partial video stream and the video stream associated with the same content and substantially synchronized; and

displaying, in the contextual panel, messages associated with a social media feed, the messages corresponding to a selected time frame associated with the video stream being displayed on the touchscreen,

wherein,

displaying the partial video stream includes providing an indication of one or more time frames of the displayed partial video stream, and

each of the one or more time frames is generated based on a rate of number of messages per time period exceeding a threshold on an ongoing basis.

7. The method of claim 6, further comprising:

displaying, by the application, a mini trends panel comprising one or more trend frames with each of the one or more trend frames corresponding to each displayed time frame and containing at least one common trend for the one or more trend frames.

8. The method of claim 7, further comprising:

receiving, by the application, a selection command selecting a displayed trend frame; and

displaying, by the application, the messages corresponding to the displayed trend frame in the contextual panel in response to the selection command.

9. The method of claim 6, further comprising:

receiving, by the application, a synchronization command; and

sending, by the application, a most recent received message to the primary display for display in response to the synchronization command.

10. The method of claim 6, wherein the social media feed is Twitter.

11. The method of 6, further comprising:

identifying relevant messages and wherein the messages displayed in the contextual panel are the identified relevant messages.

12. The method of claim 11, wherein the contextual panel includes at least one time frame, the at least one time frame including information associated with a product for sale, the at least one time frame associated with the video stream displayed on the touchscreen.

13. The method of claim 12, further comprising:

receiving, by the application, a selection of a displayed time frame; and

displaying, by the application, information associated with the product associated with the displayed time frame in the active display area in response to the selection of the displayed time frame.

14. The method of claim 13, wherein the information includes a prompt to navigate a 360 degree view of the product and in response to the prompt being selected:

displaying in the video display area, by the application, an image of the product and an interactive component configured to navigate a viewing of the product; and

controlling the display of the product displayed on the primary display in response to receiving gestures associated with the interactive component.

15. The method of claim 13, wherein the information includes a prompt to watch the video stream associated with the product in response to the prompt being selected:

displaying in the video display area, by the application, the video stream of the product associated with the selected time frame; and

controlling the display of the product being displayed on the primary display.

16. The method of claim 12, further comprising:

receiving, by the application, a navigation command to scroll a display of the one or more time frames; and

scrolling, by the application, the display of the one or more time frames and information associated with products for each displayed time frame, the scrolling of the display corresponding to the navigation command.

17. The method of claim 12, further comprising:

receiving, by the application, a navigation command to display the one or more time frames on the primary device;

displaying, by the application, the active display area on the touchscreen in response to the navigation command; and

causing images associated with the one or more time frames displayed on the touchscreen to be displayed on the primary display.

18. The method of claim 17, wherein the navigation command includes touch data corresponding to a gesture starting on a displayed image in the active display area and continuing upwards into the video display area.