本文摘自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>播放。
![](http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/013/745/b22eb23963c4510f711d2cfbfca831d3-0.png)
![](http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/013/745/7d9fc4e2fc90a96ab7256f24648ae3ca-1.png)
![](http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/013/745/7d9fc4e2fc90a96ab7256f24648ae3ca-2.png)
![](http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/013/745/7d9fc4e2fc90a96ab7256f24648ae3ca-3.png)
![](http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/013/745/7d9fc4e2fc90a96ab7256f24648ae3ca-4.png)
![](http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/013/745/7d9fc4e2fc90a96ab7256f24648ae3ca-5.png)
阅读剩余部分
相关阅读 >>
Html如何实现页面跳转
Html中b标签与strong标签有什么区别?b标签与strong标签的简单比较
Html的块元素有哪些
Html中相对路径和绝对路径的区别
Html怎么实现可输入的下拉菜单
Html怎么学
Html中一个表单由什么组成
Html 之 contenteditable 属性
Html啥意思
Html <!doctype> 是什么
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML实现海康摄像头实时监控功能_HTML/Xhtml_网页制作