HTML realizes real-time monitoring function of Hikvision camera

Recently the company has arranged to do some CCFA stuff, one of which is to make a web page to play the real-time monitoring of the camera. I searched Baidu for a long time online, and many of them are implemented directly using the VLC plug-in. However, the mainstream browsers currently no longer support the VLC plug-in, and I have not succeeded after a long time.

Most of the online implementations are as follows:

<object type='application/x-vlc-plugin' id='vlc' events='True' width="720" height="540"
pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">
<param name='mrl' value=rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream' />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='false' />
</object>

I accidentally found an article that said that you can use tools to push the stream, and then use <video> to play it on the web page.

The final effect diagram:

After testing, it was found that there would normally be a delay of about 2 seconds, which is still within an acceptable range.

Summarize

The above is the editor's introduction to HTML to realize the real-time monitoring function of Hikvision cameras. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!