谷歌Chrome浏覽器接入RTSP海康大華攝像頭視訊純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左右。

總體就是需要将攝像頭的碼流轉成http-flv,這樣前端才能用flv.js直接播放碼流無需插件。

完整demo路徑如下 包含背景流媒體和前端jsdemo，可觀看海康實時視訊 

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