用H5Stream实现海康摄像头不装ie插件,用其他浏览器谷歌等并可以在手机端app播放RTSP流视频查看
公司用到了海康的摄像头,海康有提供SDK实现各种摄像头功能,但是需要在ie浏览器装插件,公司项目都是基于谷歌浏览器优化,先不说开发的问题,用户装个插件也会出各种问题,后来又有需求要在公司自己的app端能查看,手机端就别想这装ie装插件了,思来想去,只能绕过海康的服务器,在自己的服务器上搭一套流媒体服务了,找了下,可以从摄像头的rtsp协议入手了,网上找了下,还真有很多优秀的作品,这里用到了H5Stream,由于网上资料比较少,自己搭也踩了些坑,所以整理下过程方便后面使用的人参考,先贴上一段H5Stream的介绍:近几年来,互联网高速发展,特别是移动互联网,各种各样的移动 APP 都基于 HTML5 开发 FLASH 技术由于各种各样的问题,浏览器开始停止支持,但传统的安防厂家都还在使用 ActiveX 播放视频,ActiveX 目前只支持 IE,所以如何支持在各种各样的浏览器和 APP 上支持 无插件的非 FLASH 的视频播放变得非常重要。 浏览器原生播放视频的方法各有不同,安防直播有个基本的要求就是低延迟,需要延迟控制在 1 秒以内或者 500 毫秒以内。这对 HTML5 视频直播技术带来很大的挑战。 随着云技术的普及,视频远程播放,远程分享也非常重要 。 H5STREAM 解决了 HTML5 原生视频和云视频直播问题,H5STREAM 支持 WEBRTC WEBSOCKET HLS RTMP 播放技术
官网链接https://www.linkingvision.com/product-h5stream
下载适合自己服务器的版本,我这里下载的是
Windows 可以直接运行文件目录下 regservice.bat 安装服务或者运行 unregservice.bat 取消安装服务。
在安装目录中,conf/h5ss.conf是默认配置文件,基于json,配置有两部分:系统配置和媒体源,(你可以删除这个文件,在程序启动时这个文件会再次自动生成)
媒体源配置在配置文件最下面,默认有两个配置,也可手动多添加几个,
上面strUrl是海康的摄像头的rtsp地址,其他摄像头地址可能不一样,根据不同的摄像头进行修改,账号密码必填!
配置好后,保存,启动安装目录下的
我这已经启动过了,所以看不到,没办法截图了,判断有没有成功,浏览器查看
需要手动点击右边摄像头能看到内容了代表成功;现在内网直播完成了
要实现
可以参考官网的文档完成
- 浏览器如IE、谷歌、火狐等,有没有查看cookie的插件?即可以查看当前浏览器中写入的当前用户登录信息有哪些。
- 火狐低版本浏览器使用vlc插件播放rtsp实时视频
- 浏览器使用quicktime插件播放rtsp实时视频流
- 水平滑动,记录当前状态、利用浏览器原生播放器播放视频和vue-video-player视频播放插件、基于museUI的音频播放和vue-player插件实现音频播放
- 浏览器使用quicktime插件播放rtsp实时视频流
- 火狐浏览器 谷歌浏览器 安装vlc插件 播放摄像头 rtsp视频流
- 网页中播放Mp3(兼容火狐,谷歌,ie主要浏览器)
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP
- 第27款插件:第22款插件:jquery.media.js 媒体播放插件,它也可以放入网页等其他元素
- jQuery实现类似视频播放功能的图片播放器插件
- 如何在Chrome播放 RTSP 实时视频,并且不能有插件
- 海康摄像头视频调用出错,Jni Error(app bug): accessed stale local reference解决办法
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- 海康IPC+NVR+EasyDarwin+EasyPusher+VLC实现Web实时播放RTSP视频
- 印象笔记不能同步(其他浏览器可以上网,IE不能上网)
- 微信实现自动跳转到用其他浏览器打开指定APP下载
- 教你如何屏蔽视频广告!浏览器插件实现屏蔽视频广告!
- 在网页中插入FLV视频,经测试兼容IE、火狐、谷歌等浏览器
- three.js插件实现立体动感视频播放效果
- 怎么实现在FireFox IE Opera Safari 都可以正常播放WMV和MOV的网页播放器代码