本文主要介绍如何快速地将腾讯云GME小程序组件 <gme-room> 集成到您的项目中,只要按照如下步骤进行配置,就可以完成组件的集成工作。
准备工作
开通权限
在集成小程序 SDK 前,需要在小程序管理后台,开发 > 开发管理 > 接口设置中开通实时播放音视频流和实时录制音视频流权限。
配置域名
请将推流域名及配置到小程序控制台 request 合法域名里面:
域名 | 说明 |
https://cn.gme.qcloud.com | 推流域名 |
集成组件
配置 json
在需要引入组件的页面目录下,配置相应页面的 xxx.json 文件。
// index.json"usingComponents": {"gme-room": "/components/gme-room/gme-room"}
使用标签
在相应页面的 xxx.wxml 文件中使用标签。
// index.wxml<gme-room id="gmeroom" config="{{gmeConfig}}"></gme-room>
使用 GME 逻辑代码参考
在 xxx.js 文件中添加如下代码,完成最基本的业务逻辑。
如下这段代码的作用是:进入音视房间,打开麦克风,并可以收听别人的声音
// index.jsthis.setData({gmeConfig:{appID: '1401000123',//替换成你的AppIDroomID: 'room_20210605',userID: '10001',authBuffer: 'xxxxxxxxxxxx'//替换为你计算出来的authBuffer}},()=>{this.gmeRoomContext = this.selectComponent('#gmeroom')// 进入房间this.gmeComponent.enterRoom((eventType, params)=>{const ERROR_TYPE = this.gmeComponent.ERROR_TYPEconst EVENT_TYPE = this.gmeComponent.EVENT_TYPEif(eventType===EVENT_TYPE.EVENT_ENTER_ROOM_COMPLETED){console.log(params)if(params.errType === ERROR_TYPE.OK){this.gmeComponent.enableMic(!this.data.enableMic)}}})}