乐橙云小程序插件接入HbuilderX

乐橙插件使用:

1.配置app.json文件,uniapp中在mainfest.json中配置

https://uniapp.dcloud.net.cn/collocation/manifest.html#mp-weixin

**

2、集成插件页面.json文件

**

uniapp在 pages.json 对应页面的 style -> usingComponents 引入组件:

https://uniapp.dcloud.net.cn/tutorial/miniprogram-subject.html#小程序自定义组件支持

3、获取管理员token

参考地址:https://open.imou.com/document/pages/fef620/

请求地址:https://openapi.lechange.cn/openapi/accessToken

{

"system":{

"ver":"1.0",

"appId":"lc3128c72c34d74192",

"sign":"b7e5bbcc6cc07941725d9ad318883d8e",

"time":1599013514,

"nonce":"fbf19fc6-17a1-4f73-a967-75eadbc805a2"

},

"id":"98a7a257-c4e4-4db3-a2d3-d97a3836b87c",

"params":{

}

}

获取临时权限校验秘钥---miniToken

参考地址:https://open.imou.com/document/pages/0b44e4/#_3、对接小程序插件

请求地址:https://openapi.lechange.cn/openapi/createWeChatMiniProgramToken

{

"system": {

"ver": "1.0",

"appId": "lcdxxxxxxxxx",

"sign": "xxxxxxxxxxxxxx",

"time": 1603370757,

"nonce": "1a411d5a-e88b-45ee-b590-53da98375edd"

},

"id": "sdf23423lkj32l4324",

"params": {

"token": "At_xxxxxxxxxxxxxxxxxx", //就是上面的管理员token

"deviceId": "9J07242PAZDED99",

"channelId": "0"

}

}

获取到miniToken后调用imou-player即可

4、使用

c 复制代码
<imou-player miniToken="miniToken" deviceId="deviceId"
			channelId="0" liveType='real' functionConfig='talk,snapShot,PTZ'
			playConfig='{"resolution": "HD", "voice": "on", "fullScreen": "off"}' height='300'
			bind:handleEvent="handleEvent">
相关推荐
程序员入门进阶7 小时前
实习记录小程序+ssm
小程序
Jiaberrr8 小时前
微信小程序中 crypto-js 加解密全攻略
前端·javascript·vue.js·微信小程序·小程序
博洋科技12 小时前
关于网站的权重和百度蜘蛛爬虫的关系
小程序·dubbo·网站建设·1024程序员节·保定h5网站建设·保定网站建设
AdSet聚合广告12 小时前
APP、小程序对接聚合广告平台,有哪些广告变现策略?
大数据·人工智能·microsoft·小程序·个人开发
程序员入门进阶14 小时前
基于微信的追星小程序+ssm
微信·小程序
2401_8441401817 小时前
同城到家预约上门服务解决方案:家政预约同城服务小程序
微信小程序·小程序·微信公众平台
peachSoda717 小时前
随手记:小程序获取胶囊宽高
小程序
说私域17 小时前
社区团购创新模式与新兴技术融合的深度探索:基于开源、AI 智能名片、2+1 链动模式与 S2B2C 商城小程序
人工智能·小程序·开源
微服务技术分享17 小时前
探店小程序:解锁商业新生态,定制未来
java·小程序·小程序搭建·探店小程序搭建
计算机软件程序设计17 小时前
高校失物招领小程序【源码+文档+安装+讲解】
小程序·程序设计·失物招领