谷歌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:admin123456@192.168.1.155: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

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值