海康威视web插件【浏览器部分兼容& 全兼容】

项目中需要用到海康威视的web插件进行二次开发，但是在开发过程中遇到很多问题。这里整理几个比较典型的问题和解决方案。如果后续还有遇到会补充。

资料下载：

①：3.0开发包----->http://download.csdn.net/download/yeyunfancy/9980157

②：1.0.6版本webVideoCtrl.js。------>http://39.108.169.199:8080/webVideoCtrl.js

1、为什么海康官网提供的web端可以在双核浏览器的任意模式下运行，而我下载的web3.0开发包里面的就不行，在谷歌内核提示不支持NAAPI。

解：因为webVideoCtrl.js版本的问题，把代码格式化后拉倒最底下，会发现他的版本应该是1.0.9。我下载的是资料下载①里面的开发包，因为1.0.9的使用NAAPI，但是这个技术因为安全问题已经被绝大部分的浏览器都去除了。所以如果想要兼容双模式，下载资料下载②的js文件，并且替换开发包里的那个js文件。

 

2、为什么抓拍功能和录像功能等无法使用，函数一直返回undefined。

解：因为WebComponentsKit.exe插件版本过高。也许你浏览过官方的web端，下载下来的WebComponentsKit.exe肯定是最新版的，但是最新版的WebComponentsKit.exe无法兼容1.0.6的webVideoCtrl.js。经过测试，我下载过【3.0.6.1】、【3.0.6.2】两个版本。只有3.0.6.1版本兼容1.0.6的webVideoCtrl.js。如果你安装过新版的WebComponentsKit，请卸除干净安装旧版的。资料下载①里面的WebComponentsKit是3.0.6.1。因此，在开发过程中，需要把插件版本监测的代码去除。

 

更新时间：2019年10月25日11:06:41

1.0.6的webvIdeoCtrl.js下载地址：http://119.23.216.213/file/webVideoCtrl.js

给大家一个新版插件的地址---新版插件下载地址，这个插件可以兼容IE、火狐、谷歌、360的主流浏览器。楼主在测试过程中，发现之所以比旧版本更加兼容，是因为他在非IE浏览器中使用websocket取流和session认证。 这样就可以实现无插件开发。不过可惜的是它对硬盘机设备型号和版本有要求，跟海康技术联系后，海康技术表示这份插件现阶段仅支持仅少数的硬盘机设备。也就是基本上大部分设备都无法使用这个新版插件。与技术沟通如下：

 

 

如果大家想尝试可自行尝试，在测试过程中，如果遇到提示/ISAPI/Security/sessionLogin/ 404的问题，这个问题的原因在于插件在进行无插件请求的时候，把你的请求IP强制更改了，位置在webVideoCtrl.js的第220行左右。

se = function (e) {
                var t = location.hostname, n = location.port || "80";
                return /^(http|https):\/\/([^\/]+)(.+)$/.test(e) && (e = e.replace(RegExp.$2, t + ":" + n)), f.cookie("webVideoCtrlProxy", RegExp.$2, {raw: !0}), e
                // return e;
            }

就是以上这段代码。大家只要把t和n设置成需要请求的IP和端口就可以了。

 

 

---------------------------------------更新时间：2020年5月14日10:33:57---------------------------------

更新一下上面分享文件的地址，这个地址将会永久有效： https://cloud.189.cn/t/JZ3yUv7BVzay