<view class="title">rtc 组件</view>
<view class="rtc-container">
    <view>{{ error }}</view>
    <rtc-room tt:for="{{userIdList}}" tt:key="item.userId" id="{{ item.userId }}" class="rtc-item {{ item.class }}"
        userId="{{ item.userId }}" device-position="front" bindtap="scaleCamera" binderror="handleError"
        mode="{{ item.mode }}">
    </rtc-room>
</view>
<view class="title">房间信息</view>
<view class="rtc-api-name">appId</view>
<view class="room-message">{{ appId }}</view>
<view class="rtc-api-name">token</view>
<view class="room-message token">{{ token }}</view>
<view class="rtc-api-name">roomId</view>
<view class="room-message">{{ roomId }}</view>
<view class="rtc-api-name">useId</view>
<view class="room-message">{{ userId }}</view>
<view class="title">rtc Api</view>
<view class="rtc-api-name">api名称: joinRtcRoom</view>
<button class="rtc-api" type="default" size="default" bindtap="joinRtcRoom">加入房间</button>

import { RTC_APP_ID } from "../../utils/constant";
Page({
  data: {
    ctx: null,
    userIdList: [],
    videoState: 0,
    audioState: 0,
    streamPublishState: 0,
    streamSubscribeState: 0,
    screenSubscribeState: 0,
    visible: false,
    device: "speakerphone",
    appId: RTC_APP_ID, // 每个应用的唯一标识符，由 RTC 控制台随机生成的。不同的 AppId 生成的实例在 RTC 中进行音视频通话完全独立，无法互通。
    token: "",
    roomId: "",
    userId: "",
    camera: "front",
    scaleUserId: "",
    error: "no error",
  },
  onLoad(options) {
    const { userId, roomId, token } = options;
    this.setData({
      userId,
      roomId,
      token: decodeURIComponent(token),
    });
    this.data.ctx = tt.createRtcRoomContext({
      appId: this.data.appId,
    });
  },
  joinRtcRoom() {
    this.data.ctx.joinRtcRoom({
      roomId: this.data.roomId,
      token: this.data.token,
      userId: this.data.userId,
      success: (res) => {
        console.log("joinRtcRoom success ", res);
      },
      fail(res) {
        console.log("joinRtcRoom fail ", res);
      },
      complete(res) {
        console.log("joinRtcRoom complete ", res);
      },
    });
  },
});