System for displaying navigation controls and a plurality of video streams and method of use thereof
View Patent ↗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.
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.
21 . The method as defined in claim 16 , wherein the input includes a button press selection of the first video stream tile via an input device.
22 . The method as defined in claim 16 , 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.
23 . The method as defined in claim 16 , wherein displaying the navigation controls comprises:
overlaying the navigation controls over a portion of the first video stream tile; and
shifting the first video stream tile over the second stream tile, the first video stream tile unobstructed by the navigation controls.
24 . The method as defined in claim 23 , 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.
25 . The method as defined in claim 16 , 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; and
shifting the first video stream tile to unobstruct the second video stream tile.
26 . The method as defined in claim 16 , wherein the first video stream tile and the second video stream tile are touching.
27 . The method as defined in claim 16 , 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.
28 . The method as defined in claim 16 , wherein the two or more video stream tiles comprises at least four video stream tiles arranged in a matrix of video stream tiles.