vue项目 乐橙云（imouplayer.js）--轻应用直播SDK demo案例（保姆级）

一、所用到的资源（参数）

1、appId （控制台-我的应用-应用信息中获取）

https://open.imou.com/consoleNew/myApp/appInfo.点链接直达

2、appSecret （控制台-我的应用-应用信息中获取）

3、url

url: 'imou://open.lechange.com/3C0338EPA****/0/1?streamId=1', // url拼接说明请见：2.2.3 轻应用播放地址说明

4、kitToken

kitToken: 'Kt_2297440199774b57ac1605*****', // 播放Token，通过接口getKitToken获取，具体请见：2.2.4 getKitToken接口协议说明

5. Postman 参考链接: https://open.imou.com/book/zh/http/postman.html.（下载不下来的可以使用资源包中包含安装包）（用来获取getKitToken）

6. 乐橙开放平台api接口对接文件（两个）

下载地址乐橙开放平台api接口对接.rar

（1）乐橙开放平台api接口对接.postman_collection.json
（2）online.postman_environment.json

7.设备序列号（录像机的设备序列号）

二、URL获取

开发者直播地址模板：imou://open.lechange.com/deviceId/channelId/type?streamId=1
示例为：imou://open.lechange.com/5D075B8QBQ0111A/1/1?streamId=1

属性	默认值	必填	说明
deviceId	/	Yes	设备序列号
channelId	/	Yes	设备通道号
type	/	No	播放类型： 1 直播（实时预览）； 2 录像回放；
recordType	/	No	type=2 的情况下默认云录像回放；若 recordType=localRecord 则本地录像回放
streamId	1	No	清晰度： 0 高清 ；1 标清；

三、kitToken获取

1、accessToken获取

打开Postman
1.导入 乐橙开放平台api接口对接.postman_collection.json


导入成功

2.导入 online.postman_environment.json

导入成功的样子

输入appId
输入APPSecret
别忘记点保存

继续往下走

成功得到 accessToken

2、kitToken获取

操作成功

更改代码

改成这样，并点击Send
deviceId ： 设备序列号
channelId : 设备通道号
type ： 默认传 0

啦啦啦啦啦啦，打字累得慌---------------------------------------------------

这样就拿到了 kitToken

---

成功一大半了，，加油！

四、调试代码

打开vue_demo 项目

cnpm i//上来先install一下

将 url 和 kitToken 复制进来

跑起来~

npm run dev //跑起来

打开它

完成啦

五、demo完整代码

下载地址.

花了我两个礼拜，走了无数坑，对接了无数人，累了，
把轮子分享给大家，有什么不足，欢迎留言

• 感谢 vue项目使用乐橙云播放 轻应用直播SDK imouplayer.js.
• 感谢 vue项目 乐橙云（imouplayer.js）–轻应用直播SDK demo案例.