在VUE中WEB端播放RTSP流解决方案，支持H.265，延迟300毫秒以内！

一、背景

因为工作需要，要在Chrome、Firefox等高版本浏览器中播放海康威视、大华等摄像头，由于目前摄像头大多都是通过 RTSP 协议传输视频流的，即使是HTML5标准的Video也并未对RTSP流播放提供原生支持，从而导致如何在当前主流的浏览器中实现低延迟、低成本播放多路RTSP成为了一个重大技术难题。
小编对目前市场上的所有方案进行了测试，发现市面上行大部分方案都是转码转流方案，需要服务器不停的转码转流，不仅延迟高，能达到几秒甚至几分钟，播放高清视频或者H.265格式视频容易卡顿，同时多路播放效果也差，有的比如WebAssembly甚至本地录像抓图功能都不能实现，很难用于商业。

二、方案

想比较之下猿大师VLC播放程序是性价比最高的一个方案，通过猿大师的内嵌网页技术，底层调用VLC的ActiveX控件，可以实现在网页中内嵌播放多路RTSP的实时视频流，不用服务器转码转流，可以做到低延迟（300毫秒），支持H.264和H.265格式，兼容主流浏览器的老版本和最新版本。下面小编用图文为大家介绍下体验步骤：
第一步：
下载猿大师中间件，同样我们也给不想安装的程序的同学准备了免安装的猿大师绿色版，下载地址： 下载解压缩后运行：InstallWrl.bat 启动即可。

第二步：

下载安装VLC桌面版播放器，你也可以直接下载免安装的绿色版VLC播放器，解压缩到软件安装目录》Plugins》VLCwebPlayer目录里面。
下载地址：
64位：http://download.videolan.org/pub/videolan/vlc/3.0.16/win64/vlc-3.0.16-win64.7z
32位：http://download.videolan.org/pub/videolan/vlc/3.0.16/win32/vlc-3.0.16-win32.7z

第三步：

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

第四步：

打开猿大师VLC播放程序在线体验网试用：以全页面显示为例，体验网址：http://test.yuanmaster.com/vlcwebfull.html
首先点击连接，右侧会显示连接成功，如果没有成功，请确认本机83端口是否被占用，如果被占用。然后再把真实RTSP地址替换到下面蓝色区域，然后点击发送即可。

猿大师官网：http://www.yuanmaster.com
猿大师与VLC原生播放器延迟对比：https://www.bilibili.com/video/BV1Sr4y117v8/
猿大师与大华官方网页延迟对比：https://www.bilibili.com/video/BV1ff4y1j7qg/
猿大师与海康威视官方网页延迟对比：https://www.bilibili.com/video/BV1mr4y127oX

三、总结

一个好的技术实施方案，首先是要满足客户的刚性需求，其次是尽量降低采购、开发、实施及维护的总成本，再次是需要有良好的兼容性和稳定性，最后需尽量确保技术方案不能因为浏览器的升级而失效，能够实现公司自主可控的要求就更好了。猿大师的VLC网页播放程序提供了这样一个稳定可靠、兼容性好、低延迟又可同时稳定播放多路RTSP的低成本半开源技术方案，无疑是当前安防行业在网页端播放RTSP流的最佳选择。