# 海康威视web开发--webVideoCtrl

**Repository Path**: keras/webVideoCtrl

## Basic Information

- **Project Name**: 海康威视web开发--webVideoCtrl
- **Description**: 海康威视web开发 vue + elementUI
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 95
- **Created**: 2022-05-09
- **Last Updated**: 2022-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webVideoCtrl 海康威视web开发 vue + elementUI demo

### 介绍
-  **CH_WEB3.0控件开发包V1.1.0_Win32.rar**   是海康威视官方提供的web开发包, 也适用于64位操作系统
-  **hkvVideoVue** 是自己实现的vue代码，使用vue + elementUI实现，里面引用的海康的webVideoCtrl.js文件，我修改了部分源码


### 使用方法
- 先解压CH_WEB3.0控件开发包V1.1.0_Win32.rar
- 安装压缩包中的   **CH_WEB3.0控件开发包V1.1.0_Win32/demo/codebase/WebComponentsKit.exe**   插件
- 使用   **<font color=#DC143C size=6>IE11</font>**   浏览器打开   **CH_WEB3.0控件开发包V1.1.0_Win32/demo/index.html**，   输入ip地址，端口，用户名，密码，查看是否可与登录预览
- 如果上面的步骤没有问题，可以在本地运行 vue 的 demo代码（hkvVideoVue文件内的工程），运行命令
```
npm install
npm run dev
```
- 同时也可以参考文档：https://blog.csdn.net/yushi6310/article/details/88549363


### 实现功能
- 目前实现了登录，预览，停止预览，退出，获取数字通道，云台控制等功能，其他功能后续更新。。。
- 我这里自测了云台功能，可以操作，如果云台控制失败，请检查自己的摄像头硬件是否支持云台功能


### 下一步开发计划
- 双击显示全屏时，控制按钮浮在视频最上面

### 海康提供的插件存在问题（炒鸡蛋筒）
- 浏览器兼容性很差
- 运行时，浏览器消耗资源比较多，有时会卡顿
- 云台控制点击反应比较慢，有延时

### 问题
如果使用云台控制时出错，报403,在webVideoCtrl.js中搜索下面的代码
```
ptzControl: {
    analog: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/continuous",
    digital: "%s%s:%s/ISAPI/ContentMgmt/PTZCtrlProxy/channels/%s/continuous"
},
ptzAutoControl: {
    ipdome: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/presets/%s/goto",
    analog: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/autoPan",
    digital: "%s%s:%s/ISAPI/ContentMgmt/PTZCtrlProxy/channels/%s/autoPan"
},
```
将其改成

```
ptzControl: {
  analog: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/continuous",
  digital: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/continuous"
},
ptzAutoControl: {
  ipdome: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/presets/%s/goto",
  analog: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/autoPan",
  digital: "%s%s:%s/ISAPI/PTZCtrl/channels/%s/autoPan"
},
```

### 效果预览
![海康摄像功能预览](https://images.gitee.com/uploads/images/2020/0512/095233_51fe623e_1537655.jpeg)


##### 有疑问请留言，也可以添加本人微信：yushi6310，加微信就点个星吧