hikvs-web v1.0.4

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

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

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

• buttonIDs 工具条参数

• toolBarButtonIDs 工具条参数

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