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

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

一、所用到的资源（参数）1、appId （控制台-我的应用-应用信息中获取）2、appSecret （控制台-我的应用-应用信息中获取）3、url4、kitToken5. Postman 参考链接: [https://open.imou.com/book/zh/http/postman.html][4].（下载不下来的可以使用资源包中包含安装包）（用来获取getKitToken）6. 乐橙开放平台api接口对接文件（两个）7.设备序列号（录像机的设备序列号）

二、URL获取三、kitToken获取1、accessToken获取2、kitToken获取

四、调试代码五、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/Notype=2 的情况下默认云录像回放；若 recordType=localRecord 则本地录像回放streamId1No清晰度： 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案例.