Play Hikvision RTSP video stream in Google Chrome webpage and overlay webpage elements in the playback window?

Q: We need to not only play Hikvision RTSP video streams with low latency on Google Chrome webpages, but also overlay our webpage elements, such as red boxes, text, etc., in the playback window?

answer:

first step:

Download and install Edge WebView2 Runtime, download link: WebView2 - Microsoft Edge Developer Learn more about WebView2 https://developer.microsoft.com/en-us/microsoft-edge/webview2/#download-section

Please choose automatic online installation, the system will automatically recommend the download version according to your computer and install it automatically, as shown in the figure below:

Step two:

Download the latest version of Ape Master player (network version 2.2.9.2/stand-alone version 1.5.9.2) already supports superimposing webpage content in the webpage playback window. Please upgrade to the latest version before experiencing it.

 Open the VUE framework test URL test, first select a public network RTSP stream to play, then enter the superimposed intranet URL, and click the superimposed display.

Notice:

1. Overlay elements in the playback window currently only support Windows 8 and above.

2. Some systems come with Edge WebView2 Runtime without downloading.

3. The operating system corresponds to the VLC player, that is, 32-bit operating system downloads 32-bit VLC, and 64-bit operating system downloads 64-bit VLC.