Synchronized playback within a client interface utilising web technologies

1. A method for initiating synchronized playback within a user interface, the method comprising:

requesting a plurality of data;

processing the plurality of data so that the plurality of data is compatible with the user interface, wherein portions of data from the plurality of data are stored in an overflow buffer while a source buffer processes the plurality of data;

generating a metadata object to facilitate synchronized playback on the user interface by determining what data is in the source buffer of the user interface that needs to be removed and searching for data using a first time format that is not natively supported by the user interface and converting the first time format into a second time format that is natively supported by the user interface;

synchronizing between a plurality of videos using a controller from the generated metadata object,

wherein each video from the plurality of videos is represented as a sequence in the source buffer of the user interface.

2. The method according to claim 1 , wherein the user interface is a web browser.

3. The method according to claim 1 , wherein the plurality of data is processed by generating requests, each request including a start timestamp and an end timestamp.

4. The method according to claim 3 , wherein each request represents a predetermined amount of video time.

5. The method of claim 1 , wherein a video player is used to retrieve the metadata object and manages removal of the data from the source buffer of the user interface.

6. The method of claim 1 , wherein the controller stores current timestamps and a video playing state.

7. The method of claim 6 , wherein the current timestamps are provided by a custom wrapper associated with a clock, the clock also providing video offset values that enables converting the current timestamps to a video offset value by the metadata object.

8. The method of claim 1 , wherein each video from the plurality of videos are controlled by a video player and is in communication with the controller.

9. The method of claim 1 , wherein the first time format is timestamp and the second time format is a video offset value.

10. The method of claim 1 , wherein the user interface includes an edit button for adding or removing a video to be included in synchronized playback on a display.

11. The method of claim 1 , wherein the user interface displays at least two videos for synchronized playback, each video corresponding to a separate video player that is in communication with the controller.

12. The method of claim 1 , wherein the user interface includes a first and a second timeline for each video that is displayed for synchronized playback, the first timeline representing available video data to be viewed and the second timeline representing a recorded motion event.

13. The method of claim 1 , wherein each video displayed on the user interface for synchronized playback corresponds to a network surveillance camera.

14. A client apparatus for initiating synchronized playback within a user interface, the client apparatus comprising:

a memory that stores a program; and

at least one processor that executes the program stored in the memory to perform:

requesting a plurality of data;

processing the plurality of data so that the plurality of data is compatible with the user interface, wherein portions of data from the plurality of data are stored in an overflow buffer while a source buffer processes the plurality of data;

generating a metadata object to facilitate sync playback on the user interface by determining what data is in the source buffer of the user interface that needs to be removed and searching for data using a first time format that is not natively supported by the user interface and converting the first time format into a second time format that is natively supported by the user interface;

synchronizing between a plurality of videos using a controller from the generated metadata object,

wherein each video from the plurality of videos is represented as a sequence in the source buffer of the user interface.

15. A non-transitory computer-readable storage medium storing a program that, when executed by a computer, causes the computer to perform a method for initiating synchronized playback within a user interface, the method comprising:

requesting a plurality of data;

processing the plurality of data so that the plurality of data is compatible with the user interface, wherein portions of data from the plurality of data are stored in an overflow buffer while a source buffer processes the plurality of data;

generating a metadata object to facilitate sync playback on the user interface by determining what data is in the source buffer of the user interface that needs to be removed and searching for data using a first time format that is not natively supported by the user interface and converting the first time format into a second time format that is natively supported by the user interface;

synchronizing between a plurality of videos using a controller from the generated metadata object,

wherein each video from the plurality of videos is represented as a sequence in the source buffer of the user interface.