vue-cli3.5.5集成hikvision时在ie浏览器显示时遇到页面空白的问题

最新推荐文章于 2023-12-27 15:55:28 发布
最新推荐文章于 2023-12-27 15:55:28 发布
阅读量547 收藏
点赞数

原因是在引入webVideoCtrl.js的时候vue不支持里面的写法，所以需要忽略vue对webVideoCtrl.js
具体操作如下：
在 babel.config.js的module.exports下加入 ignore: [
“./src/static/webVideoCtrl.js”
]
在这里插入图片描述
重新启动之后就可以正常访问了

weixin_43995185
关注
海康摄像头二次开发 web插件，浏览器显示
02-27
海康摄像头 浏览器实时查看监控，二次开发，html调用web插件方法
vue项目集成海康监控摄像头和总结下遇到的坑（不导入jquery）
back_jing的博客
11-04 7172
文章目录引用情况一、首先要使用js处理方法1. 安装2. 处理js文件二、如何使用1.vue页面引入2.项目的运行入口index.html导入组件3.页面例子遇到的坑总结 引用情况 项目要集成海康摄像头插件，经过公司的人协助整理，把海康摄像头集成进了vue项目，特此记录 一、首先要使用js处理方法 1. 安装 我把我获取的的文件（或者说是插件） 进入bin文件安装好插件，这是一定要安装的东西 安装一次就可以一直使用了，然后打开demo，有这些东西 2. 处理js文件 有三个最要的js文件，如果你
使用海康视频插件，启动失败解决办法（基于VUE）
weixin_44056717的博客
11-17 8930
问题：使用海康视频插件，插件在谷歌浏览器中启动失败问题（这个海康插件实在是坑人） 原因： 是因为海康的插件还没支持高版本谷歌，这个原因 我是醉醉的。 解决办法： 使用低版本谷歌浏览器（94版本以下） 在谷歌浏览器中地址栏输入 chrome://flags/ ， 搜索secure，找到 Allow invalid certificates for resources loaded from localhost（启用它），找到Block insecure private network requests.（禁
海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案
最新发布
qq_43647376的博客
12-27 4402
海康威视，WEB插件，WebSDK_V3.3.0，插件销毁报错，插件生成报错
某康视频插件无法在chrome正常播放解决方法
benetan的专栏
07-20 3466
在谷歌浏览器中地址栏输入 chrome://flags/ ， 搜索secure，找到 Allow invalid certificates for resources loaded from localhost（启用它），找到Block insecure private network requests.（禁用它）使用低版本谷歌浏览器（94版本以下）亲测有用，记录一下省得忘记了。
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page ...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
在生产中：基于webpack的vue-cli仍然是捆绑webapp的最佳实践（通过代码拆分，旧版浏览器的旧版构建）。 在开发中：即时启动服务器并通过闪电快速实现HMR很有趣。 我们为什么不一起使用它们呢？ // vue.config.js ...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
12-09
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。 低版本...
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
vue-cli-plugin-自动路由 提供自动路由功能的Vue CLI插件。概述确保您处于由Vue CLI> = v3生成的项目中。 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# ...
webVideoCtrl.js海康威视摄像vue引用脚本
03-14
vue集成原版的webVideoCtrl.js会出现报错，该资源修改了部分源码，用于支持vue，使用代码前请参考博客：https://blog.csdn.net/yushi6310/article/details/88549363
vue3实现海康威视根据海康插件进行监控实时预览和回放功能
我是小刘丶
04-23 1万+
因为我的文章已经写过基于vue实现海康web插件进行视频播放开箱即用文章，这个文章是利用进行编写的，大致内容跟vue2一样，拿过去能直接用。至于我为什么要用js而不用ts，因为海康提供的三个脚本为js语言的，ts尝试过一次，我道行太浅，没搞明白。如果需要vue2的开发，接下来进入正题。
大华web二次开发调用WebVideoCtrl.js报错WebVideoCtrl未定义
weixin_52012102的博客
06-21 2196
大华web二次开发调用WebVideoCtrl.js报错WebVideoCtrl未定义问题描述：WebVideoCtrl未定义解决办法：在html文件中引用WebVideoCtrl.js文件时，需要在调用WebVideoCtrl.js中方法的js下面引入。不要在html的最后引用。 问题描述：WebVideoCtrl未定义 解决办法： 在html文件中引用WebVideoCtrl.js文件时，需要在调用WebVideoCtrl.js中方法的js下面引入。不要在html的最后引用。 ...
【海康威视】前端开发：【4】Chrome谷歌浏览器 Web Components Kit 插件支持
刘永洪的博客
05-27 1万+
文章目录一、前言二、解决方案1、Web Components Kit 插件安装：2、安装Chrome指定版本浏览器：3、设置允许Web Components Kit 插件：4、视频画面预览欣赏：三、总结 一、前言 最近的基于海康威视的甲烷监控项目，主要以IE浏览器为主，但是在前端页面来回切换的时候发现 插件初始化后白屏或者界面卡死不动带有一些黄色条纹的情况，但是从代码层面来看初始化是正常的，继续登录预览也提示成功，就是看不到监控画面； 经过了N多艰辛复杂的测试，各种排除法、各种骚操作，初步推测跟IE浏
vue-cli3.0接入海康视频遇到的问题与解决
qq_41687299的博客
06-29 2224
1、由于js文件引入错误报的错（由于js唯有引入正确，相应的方法没法使用） 解决方法： vue3.0的js文件必须放在public下才能引入成功，需要在index.html中引入需要的js文件 2、海威视频多屏的点击事件 3、当一个页面有加载多个插件时，出现频闪现象 解决方法： 在有一个插件转向另一个插件时，先调用JS_DestroyWnd接口，对之前的控件进行销毁 ...
Ant Design + 海康威视摄像头
fearlessnesszhang的博客
07-14 848
海康威视有两种摄像头，一种定向摄像头，一种能云台控制摄像头。 1.都可以加在录像机下进行监控 2.单个摄像头不能进行回放功能 当前的问题并且处理方法： 问题：海康威视支持jquery-1.7.1.min.js 解决方法：放在同级目录下 问题：其中webVideoCtrl.js需要jquery-1.7.1.min.js 解决方案： //引入 jquery-1.7.1.min.js const $ = require('./jquery-1.7.1.min'); !...
vue调用 webVideoCtrl.js 海康设备调试 无法获取未定义或 null 引用的属性“HWP_SubmitHttpRequest”
南鹏飞 技术博客
01-14 1万+
海康网页端开发遇到 无法获取未定义或 null 引用的属性“HWP_SubmitHttpRequest”   经过代码调试后，发现原因： 没有指定视频展示对应的div 解决方法： // 指定视频展示DIV WebVideoCtrl.I_InsertOBJECTPlugin('divPlugin');       代码调试：---------------------》调试后，...
vue cli3 引用外部js方法
adenfeng的专栏
04-17 1万+
vue引用webVideoCtrl.js 1、在vue.config.js中添加 chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components')) .set...
Uncaught (in promise)报错原因和解决方法
热门推荐
weixin_43348064的博客
05-28 4万+
在建Vue项目的过程中，可能会出现以下报错 这时候别慌，可能你你的路由太少，甚至只有一个路由。在路由切换时路由重复点击所导致的错误，虽然这个错误不影响功能，但一般不要给它报错 解决方法一，添加两个及以上的路由 解决方法二，在你的路由代码中抛出错误就可以了this.$router.push("/").catch(()=>{}); ...
serve vue-cli-service serve build vue-cli-service build lint vue-cli-service lint
09-08
vue-cli-service是一个用于运行、构建和检查Vue项目的命令行工具。具体来说，vue-cli-service serve用于在开发环境下运行项目，vue-cli-service build用于打包项目，vue-cli-service lint用于检查项目代码风格。这些命令是在项目的package.json文件中定义的脚本。例如，可以通过运行npm run serve来执行vue-cli-service serve命令，通过运行npm run build来执行vue-cli-service build命令，通过运行npm run lint来执行vue-cli-service lint命令。需要注意的是，在运行这些命令之前，需要先安装@vue/cli和@vue/cli-service这两个依赖。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值