Block insecure private network requests. 禁用 3.升级插件 去官网下载最新的插件安装包,不用使用设备上的 最新版本的浏览器已经没有的第一条设置,以前临时显示的办法也已经取消。 下载地址:海康开放平台 【总结】 重新启动谷歌Google Chrome浏览器重新打开网页刷新后,在线视频观看正常。遇到此类问题大家可以尝试去官方...
pluginErrorHandler: function (iWndIndex, iErrorCode, oError) { //插件错误回调 console.log('pluginError callback: ', iWndIndex, iErrorCode, oError); //视频爆发错误之后,进行想要的逻辑操作,这里是为了再次取流播放视频--- that.showErrror(iErrorCode,iWndIndex) //iErrorCode 错误码 iWndIndex ...
第三步 下载vxgPlayer插件 现在我们需要下载一个vxgPlayer.js插件,直接去大佬的github https://github.com/VideoExpertsGroup/VXG.Chrome-RTSP-Player下载后根据其readme执行一下打包操作即可生成一个dist目录 其中vxgplayer-1.8.2.min.js和``vxgplayer-1.8.2.min.css`就是我们所需的插件 如果怕麻烦可以直接VXG P...
mounted() {//当前组件this.selfEle =this.$refs.wrapper;this.observeWrapper();//首次加载时的到父容器的高度this.playWndHeight =this.$refs.wrapper.clientHeight;/// 首次加载时的到父容器的宽度this.playWndWidth =this.$refs.wrapper.clientWidth;//初始化摄像头//this.$nextTick(() => {//this.init...
1、Web Components Kit 插件安装: 注意版本问题,这里可以下各种插件版本:海康WebComponent插件4款 2、安装Chrome指定版本浏览器: 资源下载:Chrome特定版本 3、设置允许Web Components Kit 插件: 地址栏输入:chrome://plugins/进入插件管理界面 4、视频画面预览欣赏: ...
一、安装bin目录下的VideoWebPlugin.exe插件 二、在vue项目的index.html文件中引入jsencrypt.min.js,web-control_1.2.5.min.js 三、页面使用 创建容器 创建实例,并配置相应数据 // 创建插件initPlugin(){letthat=this;that.oWebControl=newWebControl({szPluginContainer:"playWnd",// 指定容器idiServicePortSta...
使用的海康插件版本1.2.5 个人将播放单个画面和多个画面分别抽离为两个组件,多个画面的也可以播放单个画面,但是单个画面的组件逻辑相对更好一点(如果要求是一次最多播放单个画面的话) 多个画面组件的使用: 注意:传入的'boxId', 'cameraIndexCode'这两个参数都是必传。cameraIndexCode为海康接口的监控列表返回值中的...
一、前言 前段时间项目中要用到海康的视频插件实现实时监控,调试的过程中踩了一些坑,在此做个记录,毕竟好记性不如烂笔头。。。二、文件的引入 这个是海康给的所有的资料,插件就放在bin目录下,我的是V1.5.2版本,不同的版本兼容性不同,各位园友看清楚自己的版本哈~ 然
【遗留闪烁问题】V1.5.2及之前的一些版本或存在 点击视频窗口外的区域,插件窗口会出现闪烁,如果不点击则不会闪烁的现象。 由于插件窗口相当于客户端窗口,悬浮在浏览器当前web页面上层,win10+chrome上加载插件时,插件窗口可能会被浏览器窗口遮挡覆盖,后面再被控制置顶的情况,此时会有闪烁的效果(一般在点击页面非插件...
在探讨海康威视视频web监控局域网中,每个客户端是否需要安装插件的问题时,我们首先需要明确的是,这一需求往往与设备的主控版本及所使用的浏览器类型紧密相关。 主控版本差异 1.主控版本<V5.6.0: -在此版本之前,网络摄像机网页登录预览设备时,通常需要安装IE控件。这些控件主要支持IE8-11、Firefox31+、Chrome31-44、...