Vzsdk NPM | npm.io

vzsdk开发说明

一、版本说明

功能描述：该版本支持以flv、hls的方式远程播放设备的视频

兼容性：支持pc端浏览器Chrome、Edge

安装vzsdk

// 使用 npm 安装
$ npm install vzsdk
// 使用 yarn 安装
$ yarn add vzsdk

示例

参数说明

参数	描述	是否必传	类型
accessKey.id	用户创建的AccessKey ID	是	string
accessKey.secret	用户创建的AccessKey Secret	是	string
endpoint	臻云极致地址，默认地址为：https://www.vzicar.com	否	string
sn	设备sn编码	是	string
type	视频格式（flv、hls），推荐使用flv	是	string
dom	播放容器，dom元素的id	是	string

引入vzsdk

import vzsdk from 'vzsdk'

初始化

let config = {
	accessKey: {
		id: 'AccessKey  ID',
		secret: 'AccessKey  Secret'
	},
	endpoint: 'https://www.vzicar.com'
}

vzsdk.init(config)

播放/停止

// 创建播放实例
let player = vzsdk.createPlayer({
	type: 'flv',
	sn: 'sn',
	dom: 'video'
})
// 播放
player.start()
// 停止
player.stop()

代码示例

<template>
  <div>
    <div id='video'></div>
    <button @click="handleClickStart">start</button>
    <button @click="handleClickStop">stop</button>
  </div>
</template>
<script>
import vzsdk from 'vzsdk'
export default {
  name: 'video',
  data () {
    return {
      player: ''
    }
  },
  mounted () {
    let config = {
      accessKey: {
        id: 'AccessKey ID',
        secret: 'AccessKey Secret'
      },
      endpoint: 'https://www.vzicar.com'
    }

    vzsdk.init(config)

    this.player = vzsdk.createPlayer({
      type: 'flv',
      sn: 'sn',
      dom: 'video'
    })
  },
  methods: {

    handleClickStart () {
      // 开始播放
      this.player.start()
    },

    handleClickStop () {
      // 停止播放
      this.player.stop()
    }
  }
}
</script>