官网案例: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: '', // 封面图urlautoplay: true, // 是否自动播放controls: true, // 是否展示控制栏
});
this.myplayer = playercloseEvent(){// 销毁播放器this.myplayer.destroy();
},