# hikvs

#### 请先下载并安装 VideoWebPlugin.exe 资源包 
* 电脑安装过的话，则跳过该安装。
* 科学上网会自动下载: 
    https://raw.githubusercontent.com/wuxiao-D/hikvs-web/master/public/static/VideoWebPlugin.exe
* 或者手动点击下载:
    https://github.com/wuxiao-D/hikvs-web/blob/master/public/static/VideoWebPlugin.exe

## install
```js
npm install hikvs-web 
```

## use
```js
import hikComp from 'hikvs-web'
Vue.use(hikComp)

```
## config
* 必须给播放器容器设置宽高
* 还有以下几个参数必传项：

|参数 | 类型 |
|--|--|
| playConfig | Object |
| nameId| String |
| cameraIndexCode| String  |

* 在 computed 计算属性中, 配置playConfig属性:

|参数 | 说明 |
|--|--|
| appkey | 【必填】 综合安防管理平台（API网关）提供的appkey |
| secret| 【必填】 综合安防管理平台（API网关）提供的secret |
| ip| 【必填】 综合安防管理平台（API网关）IP地址  |
| playMode | 初始播放模式，（决定显示预览还是回放界面）：0-预览，1-回放 |
| port| 综合安防管理平台（API网关）端口，若启用HTTPS协议，默认443 |
| snapDir| 抓图存储路径  |
| videoDir | 紧急录像或录像剪辑存储路径 |
| layout| playMode指定模式的布局 |
| enableHTTPS| 是否启用HTTPS协议与综合安防管理平台交互，这里总是填1  |
| encryptedFields | 加密字段，默认加密领域为secret |
| showToolbar| 是否显示工具栏，0-不显示，非0-显示 |
| showSmart| 是否显示智能信息（如配置移动侦测后画面上的线框），0-不显示，非0-显示  |
| buttonIDs| 自定义工具条按钮 (具体参数见下表) |
| toolBarButtonIDs| 自定义工具条按钮 (具体参数见下下表)  |


* buttonIDs 工具条参数

|参数 | 说明 |
|--|--|
| 0 | 监控点名称按钮 |
| 1 | 监控点类型 |
| 16 | 关闭按钮 |
| 256 | 预览回放声音 |
| 257 | 预览回放抓图 |
| 258 | 预览回放电子放大 |
| 259 | 预览回放显示监控点信息 |
| 260 | 小鹰眼 |
| 512 | 预览云台控制 |
| 513 | 预览3D放大 |
| 514 | 预览语音对讲 |
| 515 | 预览主子码流切换 |
| 516 | 预览紧急录像 |
| 517 | 预览即时回放 |
| 768 | 回放录像剪辑 |
| 769 | 回放录像下载 |
| 770 | 回放录像锁定 |


* toolBarButtonIDs 工具条参数

|参数 | 说明 |
|--|--|
| 2048 | 同步异步 |
| 2049 | 全部静音 |
| 2050 | 全部抓图 |
| 2304 | 速度控件 |
| 2305 | 倒放切换按钮 |
| 2306 | 单帧退 |
| 2307 | 时间 |
| 2308 | 正放切换按钮 |
| 2309 | 单帧进 |
| 4096 | 全部关闭 |
| 4097 | 切换布局 |
| 4098 | 切换全屏 |
| 4099 | 全部自适应 |
| 4100 | 下载中心 |
| 4608 | 分隔条 |
| 4609 | 分隔条2 |



## demo
```js
<hik-comp style="width: 200px; height: 90px;" :playConfig="playConfig"
    :nameId="jkInfo.nameId" :cameraIndexCode="jkInfo.cameraIndexCode" />



  data() {
    return {
      jkInfo: {
          nameId: "playWnd1", // nameId 具有唯一性，否则无效，如果有多个，一定不能重复
          cameraIndexCode: "xxxx",  // 监控点编号
        }
    }
  },
  computed: {
    /** start 海康视频WEB插件，请自行修改以下配置项 */
    playConfig: function () {
      return {
        appkey: "",
        secret: "",
        ip: "",
        playMode: 0,
        port: 443,
        snapDir: "D:\\SnapDir",
        videoDir: "D:\\VideoDir",
        layout: "1x1",
        enableHTTPS: 1,
        encryptedFields: 'secret',
        showToolbar: 0,
        showSmart: 0,
        buttonIDs: "",
        toolBarButtonIDs: "4098",
      }
    }
    /** end 海康视频WEB插件，请自行修改以上配置项 */
  }
```