Affected Roles: Administrator, Owner
Related Digital Watchdog VMS Apps: DW Spectrum® IPVMS
Last Edit: September 9, 2021
Customers will often ask how to play video footage from without having to utilize the DW Spectrum® software. While it would be easier to install and view video streams through the DW Spectrum Client interface or use the DW Spectrum Web Portal, it is possible to view video through a web browser. This method is ideal when having to share video stream access to a user that does not have access to the DW Spectrum system.
Video.js is an open-source HTML5 video player that can be customized for 3rd-party use, such as for web applications and embedded browsers, in with the ability to display video from DW Spectrum systems.
This article will outline how to obtain the video stream information and apply the camera information to utilize the Video.js open-source HTML5 video player.
**NOTE: This tool may be used to view LIVE footage only. Archived footage will need to be viewed through the DW Spectrum IPVMS software or web portal. For viewing an .MKV video file that was exported from a DW Spectrum system to an external storage device, you will need to utilize either the DW Spectrum Client software or a media player that supports .MKV file format (ex. VLC Media Player).
To use Video.js to view DW Spectrum video:
Click the “Login” button and enter your DW Cloud login or DW Spectrum login credentials (for non-cloud systems).
All cameras connected to the DW Spectrum Server will display, similar to the Resource Tree in the DW Spectrum Client.
Select your target camera and begin to view the live video.
**NOTE: If you are having trouble with prompting the pop-up menu, try clicking in the empty area of the menus bar (View, Settings, Information) at the top of the web page.
In the URL bar of the web browser, the video stream information (system ID and CameraID) will display. Copy the CameraID that shows at the end of the URL.
Paste the CameraID into the “Filter” box of the HTML inspection window’s network tab. You may also include any qualifiers (e.g. lo, hi, hls, webm) in the search box as wewll.
To obtain the required URL for the Video.js web player, right-click on a URL that displays in the filtered list, then select “Copy” > “Copy link address”.
This URL link will be used with the Video.js player.
Right-click on the file and select “Open with”.
From the pop-up, select your preferred web browser. In this example, Google Chrome will be used.
Paste the URL that was obtained from the HTML inspection window in Step 7 into the embedded video browser’s address bar, then click the “Change Source” button.
Camera video will now stream from the DW Spectrum Server to the embedded video browser. You may view one stream per video browser window.