本文摘自PHP中文网,作者韦小宝,侵删。
最近公司安排我做一个ccfa的小东东,其中有一项需求就是做一个网页播放摄像头的实时监控功能,对于我这个小菜鸟来说真是难到了,下面小编给大家带来了HTML实现海康摄像头实时监控功能,对HTML感兴趣的朋友一起看看吧最近公司安排做CCFA的一些东西,有一项就是做一个网页播放摄像头的实时监控。网上百度了很久,很多都是直接用vlc插件实现,但是目前主流浏览器都已经不支持vlc插件了,搞了很久也没成功。
网上大多是这么实现的:
1 2 3 4 5 6 7 8 | <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:
<param name= 'volume' value= '50' />
<param name= 'autoplay' value= 'true' />
<param name= 'loop' value= 'false' />
<param name= 'fullscreen' value= 'false' />
</object>
|
偶然发现一篇文章,可以使用工具进行推流,然后在网页上使用<video>播放。






阅读剩余部分
相关阅读 >>
Html的ul标签是什么
Html5调用摄像头的示例代码分享
Html中禁用表单控件有几种方法
Html链接标签
Html中div标签有什么作用
Html快速生成tab没用怎么办
前端Html的实例分享
Html网页制作的基本步骤是什么
Html pre标签怎么用
Html文件里面怎么放入css
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML实现海康摄像头实时监控功能_HTML/Xhtml_网页制作