miniprogram-ar-rtmpc

实时连麦小程序SDK

使用此组件需要依赖小程序基础库 2.2.1 以上版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。

准备工作

设置小程序服务类别

登录公众号平台，打开设置-基本设置-服务类目-详情-添加服务类目，目前小程序实时音视频支持这些服务类目，请选择其中一种。

开启实时音视频权限

登录公众号平台，打开开发-接口设置，开启实时播放音视频流并开启实时录制音视频流。

配置服务域名

登录公众号平台，打开开发-开发设置-服务器域名-修改，配置服务域名白名单。

npm构建

打开开发者工具，打开设置-项目设置-勾选'使用npm模块'，npm安装moniprogram-ar-rtmpc、moniprogram-ar-push、moniprogram-ar-play之后，点击工具-构建npm。

兼容情况

微信小程序基础库需要大于1.7.0，低版本需做兼容处理。

真机调试

开发者工具模拟器除特殊版本之外，不支持实时音视频功能，请使用真机调试。

使用说明

1.结合小程序实时连麦SDK使用
2.结合小程序推流组件和小程序拉流组件使用

使用方法

• 安装 ar-rtmpc

npm install --save miniprogram-ar-rtmpc

• 会议初始化

import { XcxGuestKit } from 'miniprogram-ar-rtmpc';

//创建实例
let guest = new XcxGuestKit();
that.setData({
  guest: guest
});
//初始化
guest.initEngine(config.DEV_ID, config.APP_ID, config.APP_KEY, config.APP_TOKEN, config.APP_DOMAIN);

• 加入房间

//加入房间
guest.joinRTCLine(roomId, userid, JSON.stringify({ userid }));

//加入房间成功回调
guest.on("onJoinLineResult", (code, data) => {
  if (code == 0) {
    wx.showToast({
      icon: 'success',
      title: '加入房间成功',
    });
  }
  else if (code == 605) {
    wx.showToast({
      icon: 'none',
      title: '直播未开始',
    });
  }
  else {
    wx.showToast({
      icon: 'none',
      title: '加入房间失败： ' + code,
    });
  }
});

• 收到推流地址

//收到推流URL回调，将URL绑定到ar-push推流组件中，其他人将收到自己的视频
guest.on("onGetPushUrl", (code, data) => {
  console.log('onGetPushUrl', code, data);
  if (code === 0) {//成功
    that.setData({
      xcxUserId: data.xcxUserId,
      pushURL: data.pushURL,
      arPushcomponent: that.selectComponent("#arPush"),
    });
  } else {
    wx.showToast({
      icon: 'none',
      title: '获取房间签名失败',
    });
  }
});

• 退出房间

guest.leaveRoom();
//自行路由跳转

Demo源码

github