关于海康摄像头rtsp流在web页面上显示的问题记录

最近公司做了一个监控报警的项目,需要在页面上显示监控画面;设备是海康设备,前端技术用了layui

在web页面上直接显示rtsp流,准备VLC播放器插件(vlc真的是一个不错的插件,可以进行视频的转码、串流等,很方便,在此安利一下😁)。

!!!有两个需要注意的地方:

1:vlc版本的问题:不要最新的,2.X的就可以,还有不要认为自己的电脑是64位的,Vlc要下载安装32位的

2:浏览器问题:亲测的VLC只支持在IE浏览器上面显示播放,在火狐、谷歌等浏览器上是不支持的

(火狐和谷歌我测试的不可以,但是网上也有只支持火狐和既支持火狐又支持IE的)


接下来放代码:(直接放在html页面的需要播放监控画面的位置就好了)

<object  class="vlc" type='application/x-vlc-plugin' events='True' width="110%" height="100%">   

<param name='mrl' value='rtsp://admin:ADMIN1234@192.168.1.64:554' />

(rtsp流的规则:rtsp://摄像头用户名://登录密码@摄像头ip:摄像头端口号)

<param name='volume' value='50' />

<param name='autoplay' value='true' />

(是否页面加载完成自动播放)

<param name='loop' value='false' />

(是否播放完了之后循环播放)

<param name='Allowfullscreen' value='true' />

(是否全屏)

<param name="controls" value="true" />

(是否显示控制条)

</object>


以上是我的一些个人的小经验,关于VLC和rtsp流等问题还有许多需要学习的地方,如有错误,欢迎指正!!!也希望有关于监控画面显示在web页面的大佬们可以一起交流学习!也希望可以对需要的人有所帮助

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。