Usage of the web client🔗
Web client control panel🔗
The controls in Eocortex Web Client are similar to those in Eocortex Client: clicking on the left edge of the window opens the control panel.
At the bottom of the control panel, there is a short view panel that displays no more than five user views that are at the top of the general list of views.
The short list of views can be expanded to fill the entire sidebar. In this case, a search field for views by name will become available.
Below is a description of the pages that open when selecting the corresponding menu items on the control panel:
Views🔗
The view editor provides the ability to view and edit the view tree, add new views or create new ones based on existing ones, and delete views in groups.
Cameras🔗
Selecting cameras to display on the screen.
A camera preview is available in the camera selection window.
When clicking the Create view button, a view is created with the selected cameras and a grid that allows placing all selected cameras with a minimum number of empty cells remaining.
Events🔗
Events log. List of system and user events with search, filter, and sort options.
Archive export🔗
Exporting a fragment of an archive to a file. More details...
Export history🔗
View current status and export history, download videos. More details...
Settings🔗
The following settings are available:
Default frame ratio:
Auto
Stretch
Save ratio
Limit frame rate, FPS
Select language:
Russian (Russia)
English (United States)
Allow sending anonymous statistics
Notify about connection issues
Switch to MJPEG in case of video playback issues
When viewing numerous cameras with H.264 video simultaneously, playback issues may occur. Enable this option to reduce the load on your browser.
Play sound only on active camera
If this option is enabled, sound will only be played from the active (currently selected) camera in the screen grid; if this option is disabled, sound will be played from all cameras displayed on the screen.
In multi-screen mode, always display keyframes only
If this option is enabled, only reference frames for all available video streams will always be displayed when viewing cameras in grid view.
Disabling this option does not mean that all frames from the cameras will be displayed when viewing cameras in the grid view. The display of all frames depends on the permissions settings on the Mobile devices tab in the advanced server settings in the Eocortex Configurator application.
In full-screen camera view mode, all frames are always displayed, regardless of the option settings and permissions for mobile devices.
Exit🔗
Return to the authorization form.
Web client screen grid cell🔗
The cells of the screen grid display real-time and archived video from selected cameras. One of the cells can be active. The active cell is highlighted with a frame. To activate a cell, click inside it using the mouse.
Note
By default, a minimum cell size of 420 × 300 pixels is required to display items inside a cell. Content is hidden if the cell width is less than 420 pixels and/or its height is less than 300 pixels.
If the width and/or height of the cell is less than 420 × 300 pixels, respectively, then:
clicking the left mouse button enlarges the cell;
clicking the right mouse button enlarges the cell and brings up a context menu.
The enlarged cell displays available information about the camera:
camera name with the option to select another camera from the tree;
cell control panel;
archive timeline (if archive view mode is selected);
video analytics module panel.
The enlarged cell can be hidden by:
pressing the Escape key;
clicking the mouse button on any area outside the selected cell;
clicking the right mouse button on the active cell and selecting Unselect from the context menu.
Note
If no camera is assigned to a cell, then by clicking:
Left mouse button on the cell — the camera selection tree will be displayed.
Right mouse button on the cell — a context menu with the camera selection command will appear.
The context menu can be accessed in the active cell using the 
button.
Note
The contents of the context menu items and active cell buttons depend on the camera and application settings.
The context menu items and buttons are described below:
Select camera and Hide: select and hide a camera in a cell.
Unselect: deselect a cell (make the cell inactive).
Full screen mode: switch the cell to full-screen mode.
Note
Switching between grid mode and full-screen mode is also done by double-clicking on a grid cell.
Eocortex Archive: switch to the archive view mode of the selected camera.
Save frame: save the frame to the device.
Enlarge image: zoom in on the frame area (specified using the frame). To exit zoom mode, press the middle mouse button.
/ 
Show sound level: open the volume control in the cells.
PTZ: display of PTZ camera controls.
Stream selection: Allows to choose the stream to display in the camera cell.
Note
Starting with version 4.6 and higher, the Eocortex Web Client application supports viewing raw video frames (RAW) in H.264 and H.265 formats using the WebCodecs API.
The following formats are available:
MP4 (H.264)
RAW (H.264, H.265)
MJPEG
The following video streams are available for selection:
Main
Additional 1
Additional 2
Additional 3
Auxiliary
Features and restrictions of using video codecs in the web client🔗
The main and additional streams are only available if they are encoded in the H.264 standard and the browser supports H.264 video playback.
Video streams from the camera are configured by the video surveillance system administrator.
The auxiliary video stream is always available. This stream is generated by the video surveillance server and encoded in the MJPEG standard, regardless of the standard in which the server receives video from the camera.
When initially selecting a camera, the auxiliary stream is broadcast by default.
The camera stream selection is not saved between sessions. After reloading the web client page, the default stream is used.
When viewing a large number of cameras with H.264 video simultaneously, playback problems may occur. In such cases, to reduce the load on the browser, it is recommended to select
Settings in the control panel and enable the Switch to MJPEG in case of video playback issues option.
When using the RAW (H.264, H.265) format, the following features should be taken into account:
If issues arise with frame decoding, corresponding error messages will be displayed in the browser console.
If the browser cannot initialize the decoder with the specified parameters, it automatically switches to the MJPEG format.
When the permissible delay threshold is exceeded with the display of decoded frames, the browser resumes playback from the frame corresponding to the current playback time.
Some browsers may crop the image incorrectly.
Audio playback is not available for the H.265 video codec.
Support for WebCodecs API is not implemented in all browsers. Check for support at caniuse.com.
Support for some features of the WebCodecs API depends on the browser and its version.
The WebCodecs API requires the use of a secure context. This means that in order to use the RAW (H.264, H.265) format, the connection to the Eocortex Web Client application must be made using the HTTPS protocol.
To use the RAW (H.264, H.265) format in Safari, the connection to the Eocortex Web Client application can be made via the HTTP or HTTPS protocol.
Playing videos in H.265 format requires a video card (GPU) to be installed on the computer.
Playback of videos in H.264 and H.265 formats depends on the browser's support for certain video codecs, profiles, and resolutions. Not all videos are guaranteed to be playable. If an error occurs related to decoding, the format will automatically switch to MJPEG.
In some cases, when playing video in the RAW (H.264, H.265) format, the browser tab running the Eocortex Web Client application may stop responding to requests.
Full-screen viewing of real-time video in the web client🔗
Warning
The full-screen mode may significantly increase the load to the device where the browser with Eocortex Web Client is running. In addition, it may increase consumption of network channel with the surveillance server.
The following are the context menu items and buttons specific to full-screen real-time video viewing mode:
Stream selection: Allows to choose the stream to display in the camera cell.
Exit full screen mode: return to screen grid mode.
Eocortex Archive: switch to camera archive playback mode.
/ Show sound level: open the volume control in full-screen mode.
Note
There may be a gap between the sound and the image that may be up to 1.5 seconds long.
Context menu of a web client screen grid cell🔗
The context menu can be invoked in two ways:
By clicking the
icon in the bottom right corner of the cell.By right-clicking anywhere in the cell.
Note
The number of menu items may be different from below, depending on the settings of camera, archive, and client workstation.
Description of menu items:
Select camera: Allows selecting one of the available cameras to be displayed in the selected cell.
Hide camera: Removes the camera from the cell (frees the cell).
Full-screen mode / Exit Full-screen mode: Switches the camera display between full screen and grid mode.
Note
Switching between grid mode and full screen mode can also be done by double-clicking in a cell.
Archive: Switches the cell to View the single camera archive mode.
In this case, the following types of archives may be accessed:
Eocortex Archive: Archive on the Eocortex server.
Memory card archive: Archive on the camera's memory card.
Save frame: Saves the frame (frame fragment) to the selected location.
Enlarge image: Allows to zoom in on a selected fragment of the frame.
Note
When recording to the archive, an archive recording indicator is placed in the upper right corner of the cell: 
.
Quick record for 15 minutes: Enables forced recording of camera video to the archive for 15 minutes.
: Also enables recording to the archive for the next 15 minutes.
Recording: Enables forced recording of camera video to archive for the period selected in the submenu.
Warning
Forced recording to the archive will only occur if the system administrator has set the recording permission for the archive for this camera and user.
Note
When forced recording is enabled, continuous recording to the archive will be performed for the specified time, regardless of the recording settings configured by the system administrator for this camera.
Note
After forced recording is complete, recording to the archive will continue in the mode set by the system administrator for this camera.
Note
When forced recording is enabled, the menu will display the Turn off archive recording until ... item.
To disable forced recording, select this option.
Note
If the menu does not contain the Quick record for 15 minutes and Recording items, it means that recording to the archive for this camera is already in progress or is not possible.
Show objects boundaries: Enables the display of colored rectangular frames for moving objects (when using the software motion detector) and for detected faces (using face detection module).
Set alarm cell: The cell in the alarm mode will display the cameras on which the Alarm was triggered.
Camera control interface: Enables/disables the PTZ control interface.
Camera position: Allows to set the camera to the preconfigured position (preset).
Note
The bottom part of the menu contains items related to the analytics modules connected to this camera. These items are described in the sections describing the corresponding analytics modules.
Warning
A change made in one client application is automatically reflected in the other.
Selecting a camera from a tree in the web client🔗
In Eocortex Web Client, in addition to selecting cameras using the context menu, it is possible to select cameras in a separate window containing a camera tree.
The camera tree allows the following:
Select cameras from the list.
Find cameras and folders by name.
Filter the tree by camera names.
Note
When the window is opened, the tree automatically scrolls to the camera that is currently displayed in the active cell.
If the cell for which the camera is selected is inactive (not selected in the grid), positioning in the tree for the selected camera may not function.
Playback of archive in the web client🔗
Warning
In the Eocortex Web Client application, it is not recommended to view videos with a frame interval (GOV) higher than 350. More details...
Note
The time scale on the fragment panel can be changed by rotating the mouse wheel.
The following are the context menu items and buttons specific for archive playback mode:
Stream selection: Allows to choose the stream to display in the camera cell.
Note
The stream selected for playing back the camera archive is saved. It will be selected the next time the archive for this camera is played back.
: expands the cell to full screen.
: playback buttons: back, pause, forward.
Note
When playing back, the archive will be viewed using reference frames.
: call up the calendar to go to the specified date and time.
: video playback speed control.
Video playback in the MJPEG format is available at speeds of 0.1×, 0.2×, 0.5×, 1×, 2×, 5×, 10×, and 20×.
Warning
At speeds of 2× and above, the archive is played back only at reference frames.
Tip
To increase the smoothness of archive playback at speeds of 2× and above, it is possible to reduce the I-frame interval (GOV) on the camera. This will increase the frequency of reference frame recording, but archive recordings will take up more drive space (than archive recordings of the same duration before reducing GOV).
Surveillance: switch to real-time video streaming mode.
Save frame: save the frame to the device.
Enlarge image: zoom in on the frame area (specified using the frame). To exit zoom mode, press the middle mouse button.
: call the context menu.
PTZ control in the web client🔗
The PTZ controls in Eocortex Web Client are similar to the controls in Eocortex Client.
Note
PTZ capabilities are available in full-screen view mode and in the screen grid cell.
To enable interactive camera control mode, click the 
button or select PTZ from the camera context menu.
The camera can be rotated and tilted using a virtual joystick by dragging the 
target inside the large circle using the mouse.
Note
The size of the virtual joystick can be increased or decreased depending on the size of the cell in which the PTZ is controlled.
To optically enlarge an area of the frame (AreaZoom), hold down the left mouse button and select the area of the frame that needs to be enlarged.
To center the camera (MoveTo), click with the left mouse button on the desired area in the viewing cell.
Note
MoveTo and AreaZoom positioning modes operate continuously and do not need to be enabled.
The following PTZ controls are available:
: opening the list of tours.
The selected tour from the list will be marked with a check mark. When the page is refreshed, the check mark will disappear, but the tour will continue to be displayed on the screen.
: opening the list of presets.
: returning the camera to its home position.
: infrared light control.
: windshield wiper control.
: washer control.
/ 
/ 
: focus control.
/ 
: zoom in/zoom out.
Note
Zooming in and out, in addition to the buttons on the virtual joystick, is done using the mouse wheel.
: hiding the PTZ control panel.
Warning
The PTZ Patrolling and Presets buttons are displayed if the corresponding settings are available on the camera. The other buttons will be displayed if the settings are available on the camera and the user has the appropriate permissions.
To hide the camera control interface, click the button again in the active cell or select PTZ from the context menu.
Warning
PTZ control mode is retained when switching between cells within a single view.
The PTZ status is reset (mode is turned off) when switching to another view and when changing the camera in the current cell.
Warning
PTZ control and digital zoom cannot be enabled simultaneously on a single camera. Enabling one function automatically disables the other.
User tasks in the web client🔗
Clicking on the 
button displays a list of tasks:
Confirmation of task completion:
Notification about task launch in the upper right corner of the screen:
