vue项目 乐橙云 轻应用直播SDK imouplayer.js

资源：

链接: https://pan.baidu.com/s/1FFsqDQMadv9Oxjo6c5dYqg?pwd=e8c2 提取码: e8c2

官网案例：https://open.imoulife.com/book/light/sdk.html
文档： https://open.imou.com/developDoc/31
1，下载 对应的资源
https://open.imoulife.com/book/readme/upload.html

2，引入资源

2.1 把下载的资源(static，imouplayer.js)放到 public；
2.2 index.html 中
<script src="./imouplayer.js"></script><!--引入创建-->

3，创建 ImouPlayer 实例之前，我们已经有 设备的 deviceId 和 根据接口获取的 kitToken 两个参数了

<div id="myImouPlayer"></div>




// 添加DOM容器
const player = new ImouPlayer('#myImouPlayer');
// 播放器初始化
player.setup({
  src: [
    {
      url: 'imou://open.lechange.com/'+ item.deviceId + '/0/2?streamId=1&recordType=localRecord&beginTime=2022-01-16 00:00:00&endTime=2022-01-16 23:59:00', // url拼接说明请见：1.3 轻应用播放地址说明
      // url: 'imou://open.lechange.com/7H03012RAZ4D9EE/0/2?streamId=1&recordType=localRecord&beginTime=2022-01-16 00:00:00&endTime=2022-01-16 23:59:00',
      kitToken: this.kitToken, // 播放Token，通过接口getKitToken获取，具体请见：1.4 getKitToken接口协议说明
    }
  ], // 播放地址
  width: 760, // 播放器宽度
  height: 400, // 播放器高度
  poster: '', // 封面图url
  autoplay: true, // 是否自动播放
  controls: true, // 是否展示控制栏
});
this.myplayer = player




closeEvent(){
  // 销毁播放器
  this.myplayer.destroy();
},