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>