资源:

链接: 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();
},

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐