如何在VUE中播放海康威视RTSP/RTMP视频流且延迟低于300毫秒？支持海康威视NVR录像机回放

近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高的安防、交通等领域很适合，交通行业特殊需要延迟低于300毫秒，于是开始收集各种方案，互联网上RTSP协议的网页播放方案也很多，但是基本上分为两种：

1.无插件方案

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

2.有插件方案

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

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

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

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

网上到到一个RTSP公网视频，用猿大师测试页面播放，可以同时播放十几路一点问题也没有，如下图：