US-12626570-B2 - System for displaying navigation controls and a plurality of video streams and method of use thereof

US12626570B2US 12626570 B2US12626570 B2US 12626570B2US-12626570-B2

Abstract

A method for display of video stream navigation controls and video stream tiles on a graphical user interface; it includes rendering, on a display device of a computing device, a graphical user interface with two or more video stream tiles, each of the two or more video stream tiles adapted to display a video stream comprising a plurality of image frames; receiving, at the computing device, input for selecting a first video stream tile of the two or more video stream tiles, the first video stream tile having displayed therein a first video stream; and displaying navigation controls for controlling the display of the first video stream of the first video stream tile.

Inventors

Mathieu Brault
Sébastien Giroux

Assignees

Genetec Inc.

Dates

Publication Date: 20260512
Application Date: 20221026

Claims (20)

1 . A method for display of video stream navigation controls and video stream tiles on a graphical user interface, the method comprising: rendering, on a display device of a computing device, a graphical user interface with two or more video stream tiles, each of the two or more video stream tiles adapted to display a video stream comprising a plurality of image frames; receiving, at the computing device, input for selecting a first video stream tile of the two or more video stream tiles, the first video stream tile having displayed therein a first video stream; and displaying, by the computing device on the graphical user interface, navigation controls for controlling the display of the first video stream of the first video stream tile based on receiving the input for selecting the first video stream tile, the navigation controls at least in part overlapping a second video stream tile of the two or more video stream tiles that is adjacent to the first video stream tile, the second video stream tile having displayed therein a second video stream.
2 . The method as defined in claim 1 , wherein the navigation controls that at least in part overlap the second video stream tile are at least in part transparent to allow for the second video stream of the second video stream tile to at least in part be visible within the navigation controls.
3 . The method as defined in claim 2 , wherein the navigation controls that at least in part overlap the second video stream tile are opaque to obscure a portion of the second video stream of the second video stream tile overlapped by the navigation controls.
4 . The method as defined in claim 1 , wherein the navigation controls that at least in part overlap the second video stream tile include a video timeline that overlaps the second video stream tile.
5 . The method as defined in claim 1 , wherein the first video stream tile is positioned above the second video stream tile, and wherein the navigation controls overlap a top portion of the second video stream tile without obstructing the first video stream displayed within the first video stream tile.
6 . The method as defined in claim 1 , wherein the first video stream tile is positioned below the second video stream tile, and wherein the navigation controls overlap a bottom portion of the second video stream tile without obstructing the first video stream displayed within the first video stream tile.
7 . The method as defined in claim 1 , wherein the input includes hovering over the first video stream tile with a cursor of an input device.
8 . The method as defined in claim 1 , wherein the input includes a button press selection of the first video stream tile via an input device.
9 . The method as defined in claim 1 , wherein the video stream of each of the two or more video stream tiles corresponds to a respective video stream generated by a respective surveillance camera.
10 . The method as defined in claim 1 , wherein displaying the navigation controls comprises: overlaying the navigation controls over a portion of the first video stream tile; and shifting the navigation controls to the second stream tile to unobstruct the portion of the first video stream tile.
11 . The method as defined in claim 10 , wherein overlaying the navigation controls occurs when the input includes hovering over the first video stream tile with a cursor of an input device and wherein shifting the navigation controls occurs when the input includes a button press selection of the first video stream tile with the input device.
12 . The method as defined in claim 1 , wherein the input is a first input, and wherein the method further comprises: receiving a second input, at the computing device, to unselect the first video stream tile; and removing, by the computing device on the graphical user interface, the navigation controls that at least in part overlap the second video stream tile from overlapping the second video stream tile when the second input is received.
13 . The method as defined in claim 1 , wherein the first video stream tile and the second video stream tile are touching.
14 . The method as defined in claim 1 , wherein each of the two or more video stream tiles comprises base navigation controls, and wherein the navigation controls that are displayed add to the base navigation controls of the first video stream tile.
15 . The method as defined in claim 1 , wherein the two or more video stream tiles comprises at least four video stream tiles arranged in a matrix of video stream tiles.
16 . A method for display of video stream navigation controls and video stream tiles on a graphical user interface, the method comprising: rendering, on a display device of a computing device, a graphical user interface with two or more video stream tiles, each of the two or more video stream tiles adapted to display a video stream comprising a plurality of image frames; receiving, at the computing device, input for selecting a first video stream tile of the two or more video stream tiles, the first video stream tile having displayed within a first video stream; displaying, by the computing device on the graphical user interface, navigation controls for controlling the display of the first video stream of the first video stream tile based on receiving the input for selecting the first video stream tile; and displacing the first video stream tile to at least in part overlap a second video stream tile of the two or more video stream tiles that is adjacent to the first video stream tile, the second video stream tile having displayed within a second video stream, said displacing resulting in the navigation controls being displayed within a region of the graphical user interface previously occupied by the first video stream.
17 . The method as defined in claim 16 , wherein the first video stream tile is positioned below the second video stream tile, and wherein the first video stream tile overlaps a bottom portion of the second video stream tile following said displaying of the navigation controls, the navigation controls displayed over a bottom of the first video stream tile.
18 . The method as defined in claim 16 , wherein the first video stream tile is positioned above the second video stream tile, and wherein the first video stream tile overlaps a top portion of the second video stream tile following said displaying of the navigation controls, the navigation controls displayed next to a top of the first video stream tile.
19 . The method as defined in claim 18 , wherein the navigation controls include a video timeline.
20 . The method as defined in claim 16 , wherein the input includes hovering over the first video stream tile with a cursor of an input device.

Description

TECHNICAL FIELD The present disclosure relates to relates to displaying video streams on a graphical user interface, and more particularly, to displaying navigation controls in conjunction with video streams on a graphical user interface. BACKGROUND Use of video cameras to monitor both private and public areas for security purposes is widespread. In some instances, there exists a need to view surveillance footage from multiple video surveillance cameras concurrently by security personnel in order to effectively monitor the areas under surveillance. These multiple video streams may be displayed on the screen in a video stream tile format, where the space available on the display is shared amongst the displayed video streams. A video stream tile is a space of a graphical user interface allotted to viewing a video stream (a stream of images resulting in a video). The video stream tile may have a frame. The video stream tile may be associated with a plurality of navigation controls (such as those to play, pause, accelerate or decelerate playback of the video stream). Sharing the space available on a display screen between a plurality of video streams results in spatial constraints, where certain compromises are required to display the video streams as well as their navigation controls (such as reduced resolution of the video streams, obscuring information presented on the display, etc.) Therefore, when a user seeks to control playback of a particular video stream, the spatial constraints of the display with the plurality of video stream tiles create a challenge for displaying navigation controls used by the user for controlling playback of a video stream of interest. SUMMARY When a user requests to control navigation for a selected video stream appearing in the plurality of video stream tiles, the navigation controls are traditionally displayed over the video stream of interest, thereby resulting in the problem of obscuring some information provided by the video stream. This obscuring may result in the user missing some important details that would otherwise be visible in the video stream, and that may be critical for video surveillance purposes. The present disclosure relates to a system and method of use thereof for displaying navigation controls for controlling viewing or playback of a video stream displayed in a video stream tile, appearing in a display displaying a graphical user interface with two or more video stream tiles. The navigation controls are displayed in association with a specific video stream tile of interest, for receipt of input from a user selecting the video stream tile. The displaying of the navigation controls causes an overlap of the displayed navigation controls, or of the video stream tile of interest, and an adjacent video stream tile that is not the video tile of interest. This overlapping by the video stream tile of interest or its corresponding navigation controls may be with an adjacent video stream tile that is on top, below, to the left, or to the right, of the video stream tile of interest. As a result, the video stream of interest is not obscured by its own navigation controls, the navigation controls instead obscuring an adjacent video stream tile that is not of interest to the user. A broad aspect is a method for display of video stream navigation controls and video stream tiles on a graphical user interface. The method includes rendering, on a display device of a computing device, a graphical user interface with two or more video stream tiles, each of the two or more video stream tiles adapted to display a video stream comprising a plurality of image frames; receiving, at the computing device, input for selecting a first video stream tile of the two or more video stream tiles, the first video stream tile having displayed therein a first video stream; and displaying, by the computing device on the graphical user interface, navigation controls for controlling the display of the first video stream of the first video stream tile based on receiving the input for selecting the first video stream tile, the navigation controls at least in part overlapping a second video stream tile of the two or more video stream tiles that is adjacent to the first video stream tile, the second video stream tile having displayed therein a second video stream. In some embodiments, the navigation controls that at least in part overlap the second video stream tile may be at least in part transparent to allow for the second video stream of the second video stream tile to at least in part be visible within the navigation controls. In some embodiments, the navigation controls that at least in part overlap the second video stream tile may be opaque to obscure a portion of the second video stream of the second video stream tile overlapped by the navigation controls. In some embodiments, the navigation controls that at least in part overlap the second video stream tile may include a video timeline that ov