VUE如何接入RTSP视频流?

本文介绍了在VUE项目中接入RTSP视频流的两种方案:无插件方案通常需要服务器转码,延迟较高;有插件方案包括摄像头厂商的插件和猿大师播放器,后者能在高版本浏览器实现低延迟播放,兼容多种摄像头。

近期在做摄像头监控视频在网页中播放的工作,现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议,RTSP协议的优势是实时性高、流畅度度高,同时支持H.265和H.264,清晰度也更高,对于要求比较高的安防、交通等领域很适合。

互联网上RTSP协议的网页播放方案也很多,但是基本上分为两种:

1.无插件方案

(比如:FFmpeg +node.Js)也就是需要再服务器上搭建一个转码服务,这个对服务器的消耗会比较大,特别是多路同时播放和播放的视频是高清视频的情况下,相对应的延迟也会增加,对于要求不高的可以考虑,但是商业使用效果还是太差。

2.有插件方案

一种就是摄像头厂商提供的插件

比如海康威视提供的开发包,优势就是延迟比较低,但要求浏览器需要支持NPAPI插件,而Chrome等高版本浏览器是不支持的,如果使用老版本浏览器也可以暂时解决问题,但是漏洞比较多,商用还是有很大风险,并且不同的厂商的方案也只针对本厂商产品,不能兼容其他厂商的摄像头。 

 

另外一种就是猿大师播放器

猿大师播放器是基于猿大师中间件提供的内嵌网页播放的专利技术,底层调用VLC客户端的ActiveX控件可实现在Chrome等高版本浏览器中内嵌播放海康威视、大华等摄像头的RTSP视频流,可以以做到低延迟(300毫秒),支持多路同时播放和回放,支持H.264和H.265格式,支持2K、4K等高清视频,兼容主流浏览器的老版本和最新版本,不用担心浏览器升级导致不能用的问题。 

猿大师播放器官网:http://www.yuanplayer.com

1.猿大师与大华官方网页延迟对比: 

用猿大师VLC播放程序与大华官方网页播放器同时在高版本Chrome中播放RTSP视频流延迟效果对比,结果令人惊讶!

2.猿大师VLC播放程序与海康威视官方网页延迟对比: 

海康威视摄像头RTSP视频流在高版本谷歌Chrome零延迟播放效果演示视频

3.猿大师VLC播放程序VUE测试页面效果演示:

在VUE中实时多路同时播放海康威视RTSP视频流,兼容Chrome、Firefox等浏览器

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值