海康视频Web插件踩坑及解决实战记录

视频插件实际已安装，提示未安装

问题详细描述

• 海康视频插件已安装正确版本，并且已确认插件服务正常运行，但前端页面还是提示未安装。
• 浏览器网站请求，海康视频插件唤起接口http://127.0.0.1:1590x/imghttp/local 被瞬间拒绝
• 浏览器控制台，报错：Access to image at http://127.0.0.1:1590x/imghttp/local?update=xxxxxxxxxxxxx from origin http://xxx.xxx.xxx.xxx:xxxx/ has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space local
• 如图

  

原因解析

浏览器认为页面是不安全的，拒绝调用海康视频插件。

处理方法(一：新版谷歌内核浏览器)

1. 打开浏览器 实验性功能页面
   • edge浏览器：edge://flags/
   • 谷歌浏览器：chrome://flags/
2. 搜索 insecure origins treated as secure 选项

使用此选项将给定的（不安全的）来源视为安全来源。可以提供多个来源，用逗号分隔。来源必须指定其协议，例如 “http://example.com”。有关安全环境的定义，请参见 https://w3c.github.io/webappsec-secure-contexts/ – Mac、Windows、Linux、Android

3. 将域名填入输入框并选择启用

   

4. 关闭浏览器，重新打开页面即可正常调用

处理方法(二：旧版谷歌内核浏览器)

1. 打开浏览器 实验性功能页面
   • edge浏览器：edge://flags/
   • 谷歌浏览器：chrome://flags/
2. 搜索secure
3. 找到 Block-insecure-private-network-requests 设置为 禁用
4. 找到 Allow invalid certificates for resources loaded from localhost 设置为 启用

视频插件播放不正常，插件小窗口看不到画面，全面可看到画面

问题详细描述

• 海康视频Web插件加载完成后显示不正常，为白色页面或其他纯色页面。但实际已加载完成。
• 开始视频播放后，视频已开始播放，但页面中无法看到，盲点右下角全屏按钮，全屏后可正常查看

原因解析

海康视频插件嵌入模式错乱，导致页面无法正常显示

处理方法

在初始化调用JS_CreateWnd方法时，添加bEmbed参数并设置为false

this.webControlInstance.JS_CreateWnd(id, width, height, { bEmbed: false })

总结 

到此这篇关于海康视频Web插件踩坑及解决实战的文章就介绍到这了,更多相关海康视频Web插件踩坑内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！