乐橙云小程序插件接入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">
相关推荐
黑客老李1 小时前
web渗透实战 | js.map文件泄露导致的通杀漏洞
安全·web安全·小程序·黑客入门·渗透测试实战
游戏开发爱好者811 小时前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063213 小时前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063213 小时前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
宠友信息14 小时前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app
光影少年2 天前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_915918412 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_916007472 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克32 天前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
菜鸟una2 天前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro