关于海康威视在chrome 浏览器的问题

最近公司接入了海康威视的摄像头开始研究关于海康威视的东西，开始给的32，64 各种版本的插件包，发现在chrome高版本浏览器上无法展示，只能在ie上展示
后面开发人员有给发了无插件的版本看了一下是ngix代理服务器，加c++ 需求直接展示，在网上找关于
H5Stream
通过RTSP协议完成实时传输和显示摄像头画面的功能，海康威视的web控件对高版本Chrome不予支持

然后找到摄像机上面视频流
海康威视IP摄像头rtsp协议地址如下：

rtsp://[username]:[passwd]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream

说明：
username：用户名，例如admin
passwd：密码，例如12345
ip：设备的ip地址，例如192.0.0.64
port：端口号默认554，若为默认可以不写
codec：有h264、MPEG-4、mpeg4这几种
channel：通道号，起始为1
subtype：码流类型，主码流为main,子码流为sub

例如，请求海康IP摄像机通道1的码流，url如下：
主码流：

rtsp://admin:12345@192.0.0.64:554/h264/ch1/main/av_stream
rtsp://admin:12345@192.0.0.64:554/MPEG-4/ch1/main/av_stream

子码流：

rtsp://admin:12345@192.0.0.64/mpeg4/ch1/sub/av_stream
rtsp://admin:12345@192.0.0.64/h264/ch1/sub/av_stream

按照上面拼接好自己的视频流如果不放心可以使用vlc 打开VLC播放器，选择打开网络串流（VLC播放器下载地址）

就可以看见画面了

下载对应的版本 H5stream下载

下载后打开conf里面的h5ss.conf修改strUrl和你的摄像头的上密码保存

然后再点击h5ss.bat
或者点击h5ss.exe开启我们的服务这里默认的是8080端口

点击在右侧

剩下的就是将www文件中的demo文件在vue项目中移植过去

          <div class="h5videodiv"><video class="h5video" id="h5sVideo1"  autoplay webkit-playsinline playsinline style="width: 909px;height:550px;"></video><div class="playpause" id="playpause1" ></div></div>createH5Video() {let conf1 = {videoid: 'h5sVideo1',protocol: window.location.protocol,host: 'localhost:8080',//window.location.host,rootpath: '/',token: 'token1',hlsver: 'v1',session: 'c1782caf-b670-42d8-ba90-2342340ee83'}this.v1 = H5sPlayerCreate(conf1)this.v1.connect()},

感谢 https://www.jianshu.com/p/75aac9258637和https://blog.csdn.net/weixin_41196185/article/details/81111430大佬文章的指引

关于海康威视在chrome 浏览器的问题相关推荐

android 自动化web,如何在android上使用selenium或appium自动化Chrome浏览器？
我想在 Android设备上自动化 Android Chrome浏览器(不只是webview或其他浏览器,而是Chrome浏览器).我认为这可以通过这个链接 https://sites.google. ...
Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION
问题描述:Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION 原因: 服务器使用了TLS1.0 或 TLS1.1 版本,没有使用 TLS1.2 解决方法: 地址栏访 ...
ubuntu安装chrome浏览器
PPA方法,免FQ,否则,你得FQ下载chrome,你Firefox VPN配置好了吗!!! wget -q -O - https://raw.githubusercontent.com/longhr ...
16条很有用的Chrome浏览器命令
为什么80%的码农都做不了架构师?>>> Google Chrome浏览器有很多的特性在界面菜单中是没有体现的,你可以通过「chrome://命令」来访问.在Chrome的浏览 ...
win10+Chrome浏览器截长图方法
本方法亲测可行,操作系统为win10,其他操作系统没有试过. 部分内容基于https://blog.csdn.net/ianly123/article/details/80565614并进行修正. 打 ...
谷歌或被迫拆分Chrome浏览器，谁将会接盘？
美国司法部和州总检察长办公室的检察官们准备起诉谷歌,正在讨论设法遏制这家搜索巨头的市场力量. Google 可能要被迫分拆 Chrome 浏览器了. 近日,美国政治新闻网站 Politico 援引三名 ...
edge chrome 浏览器底色调黑反色
edge chrome 浏览器底色调黑反色编程的生活,眼睛实在受不了屏幕太亮 edge 地址栏:edge://flags 搜索:dark 选择:Enabled 重启 chrome 地址栏:chr ...
谷歌浏览器扩展程序XDM_请立即更新您的谷歌Chrome浏览器获取重要的安全补丁程序...
编译:sky 谷歌周三推出了Google稳定频道版本86.0.4240.198,以解决安全研究人员最近发现的两个新的高危漏洞. 如果要检查并查看Chrome浏览器是否在Windows,Mac或Linu ...
搭建python selenium 自动化测试框架_Python3+Selenium2完整的自动化测试框架实现（二）：IE和Chrome浏览器驱动配置...
上一篇写了自动化测试需要的最基础环境配置,地址:https://www.cnblogs.com/tdp0108/p/10412073.html 当前市面上很多公司开发的应用软件都是BS架构,即基于浏览 ...

关于海康威视在chrome 浏览器的问题

关于海康威视在chrome 浏览器的问题相关推荐

最新文章

热门文章