vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法

配置和启用海康插件详情看本人博客

链接:https://blog.csdn.net/jinglianglove/article/details/102599229

想要视频播放自动重启得知道他断开得状态

海康web插件V1.3.0开发指南告诉你

“0x0300(768)-开始播放 0x0301(769)-播
放失败（指发起请求失败）
0x0302(770)-播放异常（指取流或解码
过程中的异常），0x0330(816)-播放结束‘

所有你只需找到那里有监听这个记录得地方就可以处理这一切得状态了。

处理代码如下：主要方法就是cbIntegrationCallBack（）

// 推送消息cbIntegrationCallBack(oData) {let sss=3 //标记//播放异常的话就重新执行一遍if(JSON.parse(oData.responseMsg.msg).result==770||JSON.parse(oData.responseMsg.msg).result==769){clearTimeout(this.setTime)this.setTime = setTimeout(() => {this.pointCode=JSON.parse(oData.responseMsg.msg).cameraIndexCodelet wndIdVal=JSON.parse(oData.responseMsg.msg).wndIdthis.sss=777this.startpreview(wndIdVal)}, 5000);}//如果当前执行成功了那么就清除定时，重置标记if(JSON.parse(oData.responseMsg.msg).result==768 && this.sss==777){clearTimeout(this.setTime)console.log('关闭定时')this.sss=3 //重置标记}/* showCBInfo(JSON.stringify(oData.responseMsg)); */},

播放得方法得指定窗口播放，要不然你不知道会刷新哪一个窗口

//视频“预览”功能startpreview(wndIdVal) {let pointCode = this.pointCode;let cameraIndexCode = pointCode; //获取输入的监控点编号值，必填let streamMode = this.streamType; //主子码流标识：0-主码流，1-子码流let transMode = this.transMode; //传输协议：0-UDP，1-TCPlet gpuMode = 0; //是否启用GPU硬解，0-不启用，1-启用let wndId = wndIdVal; //播放窗口序号（在2x2以上布局下可指定播放窗口）// let wndId = -1; //播放窗口序号（在2x2以上布局下可指定播放窗口）cameraIndexCode = cameraIndexCode.replace(/(^\s*)/g, "");cameraIndexCode = cameraIndexCode.replace(/(\s*$)/g, "");this.oWebControl.JS_RequestInterface({funcName: "startPreview",argument: JSON.stringify({cameraIndexCode: cameraIndexCode, //监控点编号streamMode: streamMode, //主子码流标识transMode: transMode, //传输协议gpuMode: gpuMode, //是否开启GPU硬解wndId: wndId //可指定播放窗口})}).then(res=>{// console.log('yulan',res)})},

vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法相关推荐

在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS)
在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS) 第一步用npm装这个几个包 "video.js": "^6.6.0&quo ...
在vue中使用海康插件实现视频实时监控(海康插件)
在vue中使用海康插件实现视频实时监控(海康插件) 首先下载并安装海康插件 webcontrol.exe 然后直接就写代码把,所有方法都是海康他们直接封装好的demo 初始化之后,后台把密钥和一些 ...
在vue中使用海康插件实现视频监控视频直播方法二(RTMP流加Flash加swf)
在vue中使用海康威视实现视频监控,视频直播方法二(RTMP流加Flash加swf) 第一步用npm装这个几个包 "video.js": "^6.6.0",& ...
Vue项目中使用海康安全生产平台播放监控视频
最近一直在做有关海康监控视频的项目,闲下来写下这篇文章,加深一下印象,同时也和大家交流一下经验,以便更好提升自己.废话不多说,开始正题.... 首先把海康插件引进到项目中来然后在index.html ...
vue中使用海康实时监控详细代码
第一步:下载海康的js包,并在html中引入: 第二步:在相应的页面中开始编写,具体代码如下: <template><el-container><el-aside wid ...
海康相机SDK二次开发的一些报错和解决办法
1.MV_OK 0x00000000 成功,无错误解析:-2147483648/0x80000000正常状态返回,执行成功 2.MV_E_HANDLE 0x80000000 错误或无效的句解析:- ...
封装PC端使用海康插件播放摄像头直播流（基于VUE）
先上效果图: 开发前工作: 需要在官方下载这三个文件(也可以用我的,largeScreenShow文件里面有),放在public下,在index.html中引入,切记(可以去我码云下载中) 使用方法: ...
python开发工具下所有软件都打不开_Python中pip/setup安装插件失败提示“pypi.python.org” 打不开的解决办法...
经常在安装python安装包的时候提示安装失败,仔细查看失败原因,发现是网站pypi.python.org访问超时导致的,比如: Installed f:\fortest\python\lib\sit ...
在angular项目中集成海康视频web插件 V1.4.1
在近期的angular项目中,需要跟海康iSecure Center平台对接,实现监控点视频的实时和录像播放功能. 对接过程并不顺畅. 本来已经通过视频流转http-flv协议,利用flvjs实现了基 ...

vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法

vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法

想要视频播放自动重启得知道他断开得状态

处理代码如下：主要方法就是cbIntegrationCallBack（）

vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法相关推荐

最新文章

热门文章