文档捉虫大赛火热进行中,好礼多多> HOT
本文主要介绍如何快速地将腾讯云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.js
this.setData({
gmeConfig:{
appID: '1401000123',//替换成你的AppID
roomID: 'room_20210605',
userID: '10001',
authBuffer: 'xxxxxxxxxxxx'//替换为你计算出来的authBuffer
}
},()=>{
this.gmeRoomContext = this.selectComponent('#gmeroom')
// 进入房间
this.gmeComponent.enterRoom((eventType, params)=>{
const ERROR_TYPE = this.gmeComponent.ERROR_TYPE
const EVENT_TYPE = this.gmeComponent.EVENT_TYPE
if(eventType===EVENT_TYPE.EVENT_ENTER_ROOM_COMPLETED){
console.log(params)
if(params.errType === ERROR_TYPE.OK){
this.gmeComponent.enableMic(!this.data.enableMic)
}
}
})
}

目录