谷歌浏览器观看海康大华视频无插件纯H5播放

不羁岁月 提交于 2019-12-12 04:39:04

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

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

大致思路如下

1、后台流媒体需要从摄像头得到码流,并进行转码支持http-flv,hls。

2、后台流媒体可以用nginx(自行百度编译),用ffmpeg通过rtsp协议从摄像头拉取码流,并推给nginx。或者自行开发接入网关用rtsp,海康sdk,大华sdk,onvif等接入设备,从摄像头取流之后推给nginx进行转发。

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

总体就是需要将摄像头的码流转成http-flv,这样前端才能用flv.js直接播放码流无需插件。

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

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

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

https://gitee.com/skyzqw/rr_dagServer

效果图如下

 

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

有同样需求的可交流


 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!