背景
如果你问一个前端技术人员，近几年最火的前端框架技术是什么，肯定会有人说VUE，确实VUE凭借其简单特性赢得了大家的喜爱，而近期公司有个项目，需要在VUE框架网页上播放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地址替换到下面蓝色区域，然后点击发送即可。
效果还不错，延迟很低，基本300毫秒左右。
海康威视摄像头RTSP视频流在高版本谷歌Chrome零延迟播放效果演示视频