乐橙轻应用接入vue

298 阅读1分钟

背景:开发时使用videoJS播放乐橙视频的直播流,出现加载流相对慢情况,客户提出使用乐橙轻应用可以有效提速。

乐橙SDK下载地址及下载资源包:open.imou.com/document/pa…

image.png

在vue中使用: 第一步引入:imou-player.js,资源包文件如下图

image.png 第二步引入方式:在 html文件中以script引入

image.png

第三步写组件:

image.png

script中函数: 方式一:

image.png 方式二:

image.png

注意: 这里必须要先获取 accessToken 基于 accessToken 再获取 kitToken,这里的主要参数是 kt_token 和 deviceId.这里也是花了时间,咨询了官方技术才搞定,所以记录下。 遇到问题: 这里引入资源,按往上方式运行时出现两种错误: 错误一:视频黑色,显示加载中 错误二:style报错(引入资源可直接引入JS,不需要引入css资源)

1698281593641.png 总结: 以上的错误原因是缺失 code 参数,这个参数为 设备 密码,有填写,无设置空,参数字段必须要

最后:如果遇到问题,可联系咨询。