如何在VUE中播放海康威视硬盘录像机NVR的RTSP视频流回放？

最近在忙一个智慧交通项目，需要在VUE中实现海康威视RTSP视频流实时播放功能，因为行业特殊性要求延迟越低越好（500毫秒以下），需要支持多路同时播放，最好10路以上，并且要支持海康威视硬盘录像机NVR的回放功能。

尝试过网上各种免费开源方案和收费的方案，基本分为两类：

一、服务器转码推流方案，也就是很多人所谓的无插件方案，如：ffmpeg+node.js 需要一台服务器来转码，因为是需要转码两次，导致延迟一般会比较高，单路播放延迟可以到2秒以上，如果播放多路，不仅延迟更高，也会卡顿，交通行业特殊，无法满足需求。

二、终端电脑安装软件方案，海康威视官方提供了有插件方案，但是需要依赖NPAPI插件，也就是2015年之后的Chrome等浏览器是不能用的，并且只能用于海康威视的摄像头，其他的摄像头是不支持的。这个也只能忍痛PASS掉了。这两年火爆的猿大师播放器（官网：http://www.yuanplayer.com）也是终端安装软件的方案的一种。

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

1.猿大师官网：http://www.yuanplayer.com

2.猿大师与大华官方网页延迟对比：https://www.bilibili.com/video/BV1ff4y1j7qg/

3.猿大师VLC播放程序与海康威视官方网页延迟对比：https://www.bilibili.com/video/BV1mr4y127oX/