<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名称: changeStreamSubscribeState</view>
<button class="rtc-api" type="default" size="default" bindtap="changeStreamSubscribeState">切换开启/关闭订阅流</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,
    });
  },
  changeStreamSubscribeState() {
    const streamSubscribeState = this.data.streamSubscribeState ? 0 : 1;
    this.setData({ streamSubscribeState });
    this.data.ctx.changeStreamSubscribeState({
      state: streamSubscribeState,
      userId: this.data.userId === "user1" ? "user2" : "user1",
      streamType: "both",
      success(res) {
        console.log("changeStreamSubscribeState success ", res);
      },
      fail(res) {
        console.log("changeStreamSubscribeState fail ", res);
      },
      complete(res) {
        console.log("changeStreamSubscribeState complete ", res);
      },
    });
  },
});