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实现海康摄像头实时监控功能,大家了解的如何了呢?我们也来操作看看,实现的效果是否如我们所愿呢?有任何疑问都能告诉小编,小编一定竭尽全力。

上一篇:HTML table 直列化格式详解

下一篇:移动端HTML5实现文件上传

您可能感兴趣的文章

相关阅读