海康威视Web3.0控件个人开发经验及问题总结(转）

最新推荐文章于 2024-07-09 17:27:58 发布

chubingma513617

最新推荐文章于 2024-07-09 17:27:58 发布

阅读量4.2k

点赞数 2

文章标签：运维 javascript 网络 ViewUI

原文链接：https://my.oschina.net/u/2842177/blog/3074852

版权

本文总结了海康威视Web3.0控件的开发经验，包括运行环境与设备支持、DEMO示例、快速二次开发步骤以及常见错误与解决方法。重点强调了浏览器版本与控件适配的重要性，同时提供了错误排查和解决方案。

摘要由CSDN通过智能技术生成

最近在给公司平台写视频监控的页面需求，于是接触到了海康威视的视频控件，网上查阅一番资料后，发现有很多大佬们给出了简易的海康视频控件的上手方法，但是发现仍然有很多地方没有总结到，于是在这里对我个人对海康控件开发的经验做出一点总结。话不多说现在开始。

1.运行环境与设备支持

海康控件开发包链接：

32位浏览器：

https://pan.baidu.com/s/160ia40-hlFd1MynbxSBI2Q 密码：d3pf

64位浏览器：

https://pan.baidu.com/s/1TbNHqfZSw9PPS4Z-xYvcoQ 密码：38qq

Web控件V3.0基于ActiveX和NPAPI开发，接口封装于JavaScript脚本，以JavaScript接口形式提供用户集成，支持网页上实现预览、回放、云台控制等功能。该控件仅支持B/S开发，不适用C/S开发。

Web控件V3.0支持多种我司设备，包括DVR、NVR、DVS、网络摄像机、网络球机等，设备需要支持PSIA或ISAPI协议。

该控件所需运行环境：

操作系统:WindowsXP、Windows7、Windows8、Windows8.1（实际上目前Windows10也可以用）

浏览器：

IE8~IE11、Chrome31+、Firefox35+，32位浏览器

IE8~IE11、Chrome31~Chrome44、Firefox35~Firefox51，64位浏览器

（ps：这里其实有很大的坑，浏览器一旦版本位数没有和插件对上，页面显示就会有问题，很多人没看清这点盲目上手就踩在了这一点上）

2.demo

官方文档给的demo其实有很多我们不需要的方法，这就需要我们二次开发时，有选择的使用他所提供的方法

3.快速二次开发

其实这方面已经有很多人给过差不多的代码，但我姑且还是在这里放一下简易开发的代码

首先是页面文件，页面需要导入官方的webVideoCtrl.js，建议将该文件放在官方给的codebase文件夹目录下一同导入项目中，运行项目时，该文件会自动寻找同目录下的其他文件。

<!doctype html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="Expires" content="0" />
    <script>
        docum