首页 > web前端 > html教程 > HTML实现海康摄像头实时监控功能_HTML/Xhtml_网页制作

HTML实现海康摄像头实时监控功能_HTML/Xhtml_网页制作

韦小宝
发布: 2018-05-16 14:49:18
原创
7897 人浏览过

最近公司安排我做一个ccfa的小东东,其中有一项需求就是做一个网页播放摄像头的实时监控功能,对于我这个小菜鸟来说真是难到了,下面小编给大家带来了HTML实现海康摄像头实时监控功能,对HTML感兴趣的朋友一起看看吧

最近公司安排做CCFA的一些东西,有一项就是做一个网页播放摄像头的实时监控。网上百度了很久,很多都是直接用vlc插件实现,但是目前主流浏览器都已经不支持vlc插件了,搞了很久也没成功。

网上大多是这么实现的:

<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>
登录后复制

偶然发现一篇文章,可以使用工具进行推流,然后在网页上使用

 最后实现的效果图:

最后经过测试,正常会有2秒左右的延迟,还在能接受范围内。

总结

以上所述是小编给大家介绍的HTML实现海康摄像头实时监控功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持!

相关推荐:

HTML中标签栏的几种实现方法

HTML多图上传预览功能的实现

结合css用Html 实现动态显示颜色块的报表效果

以上是HTML实现海康摄像头实时监控功能_HTML/Xhtml_网页制作的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板