無插件純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_dagServer

 

 

效果圖如下

 

這樣完整的觀看流程就有了,實現了谷歌瀏覽器純h5觀看海康視頻。 

流媒體服務器和設備接入服務器源碼正在整理中。

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章