General information about video component

The video component enables the remote control of the web client using a custom web page.

The video component allows you to:

To use the video component, it is necessary to:

In this element, specify the web server address.

<iframe src="http://10.0.11.66:81/embedded.html" width="800px" height="600px" id="iframe"> test </iframe>

Using the Web API, send the commands to the video component (see API for video component operation).

API for video component operation

The following types of commands are available:

Select the video camera and its mode.
```
type InitMessage = {type: 'init', mode: 'live' | 'archive', origin: string, time: Date, options?: Options}
```
The options object allows you to control the archive panel — hide it or show it.
```
type Options = {archivePane?: boolean}
```
The origin object corresponds to the VIDEOSOURCEID identifier (see Get list of video cameras and information about them).
Select a different video camera in the video component. Usually used after the init command to change a video camera.
```
type RelnitMessage = {type: 'relnit', mode: 'live' | 'archive', origin: string, time: Date, options?: Options}
```

Switch between the archive and live video.

type SwitchMode = {type: 'live' | 'archive'}

Start and stop the video playback from the archive.
```
type PlaybackCommand = {type: 'play' | 'stop'}
```

Go to a certain time in the archive.

type SetTimeCommand = {type: 'setTime', time: Date}

Focus on the selected camera.

type SetCameraCommand = {type: 'setCamera', origin: string}

Play live video:

sendMessage({ type: 'init', mode: 'live', origin: 'SERVER1/DeviceIpint.1/SourceEndpoint.video:0:0'});

Go to the archive mode:

sendMessage({type: 'archive'})

Go to the live mode:

sendMessage({type: 'live'})

Start the playback of archive video:

sendMessage({type: 'play'})

Stop the video:

sendMessage({type: 'stop'})

Go to a certain time in archive mode:

sendMessage({type: 'setTime', time: new Date("2019-07-25 09:00:00")});

Attention!

The date should be in ISO 8601 format.

Content