How to implement real-time monitoring of haikang cameras in HTML?

How to implement real-time monitoring of haikang cameras in HTML?

Recently, the company has arranged for CCFA to implement real-time monitoring of a webpage playback camera. Baidu has been on the Internet for a long time, and many of them are directly implemented using the vlc plug-in. However, currently mainstream browsers do not support the vlc plug-in, and it has not been successful for a long time.

Most of the online implementations are as follows:

<Object type = 'application/x-vlc-in '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 = 'login' value = 'false'/>

<Param name = 'fullscreen' value = 'false'/>

</Object>

When an article is accidentally discovered, you can use a tool to push the stream and then play the video on the webpage.

The final implementation:

After the test, there will be a latency of about 2 seconds, which is still within the acceptable range.

In fact, there is another implementation method that can obtain the real-time video stream of the camera at the java layer and play the video. It is still under study...