HTML realizes the real-time monitoring function of Hikvision camera_HTML/Xhtml_Web page production

Recently, the company arranged for me to make a small stuff for ccfa. One of the requirements is to make a real-time monitoring function for web playback cameras. It is really difficult for a newbie like me. The editor below brings you HTML Realize the real-time monitoring function of Hikvision cameras. Friends who are interested in HTML should take a look.

Recently, the company has arranged to do some things for CCFA, one of which is to make a web page to play the real-time monitoring of cameras. Baidu has been online for a long time, and many of them are implemented directly using the vlc plug-in. However, the current mainstream browsers no longer support the vlc plug-in, and I have tried it for a long time without success.

Most of the Internet is implemented like this:

<object type=&#39;application/x-vlc-plugin&#39; id=&#39;vlc&#39; events=&#39;True&#39; 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=&#39;mrl&#39; value=rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream&#39; />
<param name=&#39;volume&#39; value=&#39;50&#39; />
<param name=&#39;autoplay&#39; value=&#39;true&#39; />
<param name=&#39;loop&#39; value=&#39;false&#39; />
<param name=&#39;fullscreen&#39; value=&#39;false&#39; />
</object>

When you accidentally find an article, you can use a tool to push it, and then use 39000f942b2545a5315c57fa3276f220 to play it on the web page.

# The final rendering:

After final testing, there will normally be a delay of about 2 seconds, which is still within the acceptable range.

Summary

The above is the HTML that the editor introduces to you to implement 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 you all for your support of the PHP Chinese website!

Related recommendations:

Several ways to implement the tab bar in HTML

Implementation of HTML multi-image upload preview function

Use Html combined with css to achieve the report effect of dynamically displaying color blocks

The above is the detailed content of HTML realizes the real-time monitoring function of Hikvision camera_HTML/Xhtml_Web page production. For more information, please follow other related articles on the PHP Chinese website!