高版本Chrome VUE页面播放RTSP实时视频流,并抓图、录像、回放、倍速等

因为项目上需要把海康威视摄像头集成到WEB网页中播放,于是开始了对WEB播放摄像头方案的各种折腾。

2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放,延迟比较低,效果也还不错。可惜好景不长,从 2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持,海康威视官方提供的 web3.0开发包也只能在低版本浏览器播放。


有朋友推荐的猿大师VLC播放程序,据说是底层调用VLC播放控件然后嵌入到网页中直接播放RTSP视频流的,延迟非常低(实测300毫秒左右),可以媲美官方,于是到猿大师官网下载试用下。

第一步:

先下载VLC播放器,VLC官方下载最新版即可。地址:https://www.videolan.org/

高版本Chrome VUE页面播放RTSP实时视频流,并抓图、录像、回放、倍速等

第二步:

猿大师官网下载猿大师中间件,(猿大师官网下载地址:http://www.yuanmaster.com/xiazai/)他们提供了免安装的绿色版本,下载后直接解压缩,然后运行 InstallWrl.bat 启动即可。

高版本Chrome VUE页面播放RTSP实时视频流,并抓图、录像、回放、倍速等

 

第三步:

启动猿大师后会有如下弹窗,包含UID等信息,请截图发给猿大师客服开通试用授权。

高版本Chrome VUE页面播放RTSP实时视频流,并抓图、录像、回放、倍速等

 

第四步:

打开猿大师VLC播放程序在线体验网试用, 以全页面显示为例,首先点击连接,右侧会显示连接成功。

高版本Chrome VUE页面播放RTSP实时视频流,并抓图、录像、回放、倍速等

 

另外他们还提供VUE的测试页面和源码,内置了三十多种不同的分屏样式,字幕、抓图、录像、水印功能都可以正常使用,可以根据源码和开发文档集成到自己的项目中测试效果,网上找了一个外网视频测试了下(公网视频太少,外网有些卡顿),同时播放12路也没问题,同学们也可以自己测试下播放多少路。


VUE播放海康威视RTSP测试视频:https://www.bilibili.com/video/BV1q44y1H7hp

上一篇:VUE网页实时播放海康、大华摄像头RTSP视频流完全方案,300毫秒延迟,支持H.265、可多路同时播放


下一篇:如何在VUE中播放RTSP 实时视频,延迟要小于300毫秒?