谷歌Chrome浏览器播放rtsp海康大华摄像头视频纯H5播放HTTP-FLV

传统安防行业都是在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直接播放码流无需插件。

效果如下

谷歌Chrome浏览器播放rtsp海康大华摄像头视频纯H5播放HTTP-FLV_第1张图片

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

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

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

https://gitee.com/skyzqw/rr_dagServer

或者私信vx zqw19941360165

你可能感兴趣的:(音视频)