快速接入

最近更新时间:2022-01-14 17:55:15

本文主要介绍如何快速地将腾讯云 GME 小程序组件 <gme-room> 集成到您的项目中,您只需按照如下步骤进行配置,就可以完成组件的集成工作。

准备工作

1. 开通权限

在集成小程序 SDK 前,需要在小程序管理后台,开发 > 开发管理 > 接口设置中开通实时播放音视频流实时录制音视频流权限。

2. 配置域名

请将推流域名及配置到小程序控制台 request 合法域名里面:

域名 说明
https://cn.gme.qcloud.com 推流域名

集成组件

1. 配置 JSON

在需要引入组件的页面目录下,配置相应页面的 xxx.json 文件。

// index.json
"usingComponents": {
  "gme-room": "/components/gme-room/gme-room"
}

2. 使用标签

在相应页面的 xxx.wxml 文件中使用标签。

// index.wxml
<gme-room id="gmeroom" config="{{gmeConfig}}"></gme-room>

3. 使用 GME 逻辑代码参考

在 xxx.js 文件中添加如下代码,完成最基本的业务逻辑。

如下这段代码的作用是:进入音视房间,打开麦克风,并可以收听别人的声音。

// index.js
this.setData({
    gmeConfig:{
        appID: '1401000xxx',//替换成您的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)
            }
        }
    })
})

目录