最近公司做了一个监控报警的项目,需要在页面上显示监控画面;设备是海康设备,前端技术用了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页面的大佬们可以一起交流学习!也希望可以对需要的人有所帮助