史上最傻瓜的监控流对接，网页无插件方式播放海康大华等监控rtsp流

网上监控流方案很多，真正能用的很少，本文底部提供下载包，解压开箱即用！

1 RTMP方案

ffmpeg 将rtsp视频流转为rtmp视频流，通过nginx代理，web接入rtmp协议播放，需要flash支持

2 HLS方案

基于方案1的扩展，ffmpeg 将rtsp视频流切片转存为多个ts视频缓存起来，并通过nginx代理出去，web接入hls协议(m3u8)播放

3 HTTP-FLV方案

本质上还是ffmpeg将rtsp视频流转为rtmp视频流，只是ffmpeg在转码的时候已经将视频转换成了flv格式的，nginx-http-flv-module将rtmp流转为http-flv流，web播放flv格式视频

4 JSMpeg方案

ffmpeg + http server(接流)+ websocket(server中继转发,client接收流) + jsmpeg.js

5 WebRTC方案（比较推荐）

WebRTC可以使得web端直接连接rtsp视频流，

Web播放组件：使用原生video元素即可

方案结论：性能好，延迟低，实时性要求高的可以使用本方案

上面是网页上的效果图

下载文章底部的插件包，解压后你可以看到下面这些文件

1.config.json配置好摄像头的rtsp地址

{

    "urls":{       

        "1001" : { "video": "rtsp://admin:1234@192.168.1.201/h264/ch1/sub/av_stream"},

        "1002" : { "video": "rtsp://admin:1234@192.168.1.202/h264/ch1/sub/av_stream"}

    }

}

2.run.bat 启动服务

3.demo.html页面查看效果

插件及demo下载地址

 (访问密码: 3697)

https://url16.ctfile.com/f/10044316-1243949755-5adb7d?p=3697