HTML实现海康摄像头实时监控功能
来源：爱站网时间：2020-03-31编辑：网友分享
我们在开发的时候，经常会由于实际环境的限制，无法实现媒体服务器转换的功能，感兴趣的小伙伴下面就跟爱站技术频道来了解HTML实现海康摄像头实时监控功能吧，希望能帮到大家。
我们在开发的时候，经常会由于实际环境的限制，无法实现媒体服务器转换的功能，感兴趣的小伙伴下面就跟爱站技术频道来了解HTML实现海康摄像头实时监控功能吧，希望能帮到大家。
网上大多是这么实现的：
<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>
偶然发现一篇文章，可以使用工具进行推流，然后在网页上使用<video>播放。
最后实现的效果图：
最后经过测试，正常会有2秒左右的延迟，还在能接受范围内。
看完爱站技术频道介绍的HTML实现海康摄像头实时监控功能，大家了解的如何了呢？我们也来操作看看，实现的效果是否如我们所愿呢？有任何疑问都能告诉小编，小编一定竭尽全力。
下一篇：移动端HTML5实现文件上传
