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

npm install hikvs-web 

use

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

<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插件，请自行修改以上配置项 */
  }