VUE中播放海康威视RTSP/RTMP/ISC平台/NVR视频流

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

1.无插件方案

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

2.有插件方案

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

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

另外一种就是liveweb播放器

liveweb是一款超低延时(150-200毫秒)、秒启动、无插件web实时视频播放器，h5视频播放器，支持egde、firefox、Chrome、safari等常见浏览器。支持h264、h265、AAC、G711等常见音视频格式。

支持协议：RTSP、RTMP、HLS、HTTP-FLV、WebSocket-FLV、GB28181、HTTP-TS、WebSocket-TS、HTTP-fMP4、WebSocket-fMP4、MP4、WebRTC。

支持RTSP/Onvif/GB/T28181/EHome/海康SDK/大华SDK等设备或者平台接入

服务器包含设备接入、音视频直播、流媒体分发服务器、录像存储和回放服务等功能。

提供GB28181信令转接和平台级联

支持HTTPS 加密等；

对外提供HTTP API二次开发接口；

liveweb安装包下载路径：https://www.haoyou456.com/liveweb.rar

一.先下载安装liveweb流媒体程序（下载地址：liveweb流媒体程序），下载后解压liveweb.rar到任意目录下后：

1、双击 Win32OpenSSL-1_1_1u.exe，安装openssl

2、双击 vcredist_x86.exe，安装vs2017运行时库

3、双击打开config.ini，把里面的所有ip地址 192.168.3.166 替换成自己服务器的ip

4、双击liveWeb.exe启动服务

5、发送key.txt给好游科技对接人员获取测试授权

6、推流方法：右键编辑解压后push目录下的 pushsteam.bat文件，把里面的所有111.231.5.149替换成运行liveweb.exe程序的机器IP，保存后双击pushsteam.bat开始推流。

7.用浏览器打开网址：http://192.168.3.166:8080/test4 播放视频，网址的ip换成自己服务器的ip. 最后面test4是测试4个视频屏同时播放，test6，test12，test16分别为测试6个、12个、16个视频屏同时播放。