无插件纯H5谷歌浏览器观看海康大华摄像头

传统安防行业都是在ie用控件观看海康大华摄像头，但是ie现在很多人不想用，随着谷歌禁用flash，h5观看直播必定有所增加。这里分享一种用纯H5无插件谷歌浏览器观看海康摄像头的方式。

使用环境摄像头需要在同一个局域网内。

大致思路如下

1、选择一个后台流媒体服务器支持rtmp推流，并进行转码支持http-flv,hls。

这里后台流媒体采用开源的nginx，可以自行百度编译下载，也可以去这里下载编译的nginx

https://download.csdn.net/download/zqw_4181/12200662

2、去ffmpeg官网：http://ffmpeg.org/ 可以下载ffmpeg，用ffmpeg通过rtsp从摄像头拉流推给nginx，有能力的可以自行开发设备接入网关用rtps，海康sdk，大华sdk，onvif，国标等方式从摄像头拉取码流在进行推流

自行测试可以用ffmpeg 推流命令如下

ffmpeg -i "rtsp://admin:[email protected]:554/h264/ch1/main/av_stream" -vcodec libx264 -acodec copy -f flv  "rtmp://127.0.0.1:1935/live/hik1"

这样ffmpeg就把rtsp流转rtmp推给nginx。nginx做转发，前端就可以用谷歌观看了。

3、前端开发,可以用开源的flv.js进行开发，直接传入flv-url就可以进行观看视频，并且延时在1s左右。

flv.js下载地址可去github下载源码自行编译或者从此处下载

https://download.csdn.net/download/zqw_4181/11942634

完整demo路径如下 包含后台流媒体和前端jsdemo，可观看海康实时视频

https://gitee.com/skyzqw/rr_dag-server

效果图如下

这样完整的观看流程就有了，实现了谷歌浏览器纯h5观看海康视频。 

流媒体服务器和设备接入服务器源码正在整理中。

有同样需求的可互相交流可私信.