HarmonyOS

git clone https://github.com/Tencent-RTC/TUIKit_Harmony.git

import { LoginStore, UserProfile, ErrorInfo } from '@tencentcloud/atomicxcore';

try {
  await LoginStore.shared().setSelfInfo(new UserProfile('userID', 'userName', 'avatarURL'));
  console.info("setSelfInfo success");
} catch (error) {
  const err = error as ErrorInfo;
  console.error(`setSelfInfo failed [code: ${err.code}] ${err.message}`);
}

import {
  RoomMainPage,
  RoomBehavior,
  ConnectConfig,
  EnterRoomParams,
} from '@tencentcloud/tuiroomkit';
import { CreateRoomOptions } from '@tencentcloud/atomicxcore';

@Entry
@Component
struct YourMainPage {
  private navStack: NavPathStack = new NavPathStack();

  build() {
    Navigation(this.navStack) {
      Column() {
        Button('创建房间')
          .onClick(() => this.createRoom())
      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.Center)
    }
    .navDestination(this.routerMap)
    .hideTitleBar(true)
  }

  private createRoom(): void {
    // 1. 构造进房的配置项
    const config = new ConnectConfig(
      true,   // autoEnableMicrophone: 进房后是否自动开启麦克风
      true,   // autoEnableCamera:     进房后是否自动开启摄像头
      true,   // autoEnableSpeaker:    进房后是否自动开启扬声器
    );

    // 2. 配置房间创建选项
    const options = new CreateRoomOptions();
    options.roomName = 'roomName';  // 房间名称

    // 3. 配置进房行为（创建房间）
    const behavior = RoomBehavior.create(options);

    // 4. 导航到房间页面
    const params = new EnterRoomParams('123456', behavior, config);
    this.navStack.pushPath({ name: 'RoomMain', param: params });
  }

  @Builder
  routerMap(name: string, param: Object) {
    if (name === 'RoomMain') {
      RoomMainDestination({ navStack: this.navStack, params: param as EnterRoomParams })
    }
  }
}

@Component
struct RoomMainDestination {
  navStack: NavPathStack = new NavPathStack();
  params?: EnterRoomParams;

  build() {
    NavDestination() {
      RoomMainPage({
        roomID: this.params?.roomID ?? '',
        behavior: this.params?.behavior ?? RoomBehavior.join(),
        config: this.params?.config ?? new ConnectConfig(),
        onExit: () => {
          this.navStack.pop();
        },
      })
    }
    .hideTitleBar(true)
    .width('100%')
    .height('100%')
    .onBackPressed(() => true)
  }
}

import {
  RoomMainPage,
  RoomBehavior,
  ConnectConfig,
  EnterRoomParams,
} from '@tencentcloud/tuiroomkit';

@Entry
@Component
struct YourMainPage {
  private navStack: NavPathStack = new NavPathStack();

  build() {
    Navigation(this.navStack) {
      Column() {
        Button('加入房间')
          .onClick(() => this.enterRoom())
      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.Center)
    }
    .navDestination(this.routerMap)
    .hideTitleBar(true)
  }

  private enterRoom(): void {
    // 1. 构造进房的配置项
    const config = new ConnectConfig(
      true,   // autoEnableMicrophone: 进房后是否自动开启麦克风
      true,   // autoEnableCamera:     进房后是否自动开启摄像头
      true,   // autoEnableSpeaker:    进房后是否自动开启扬声器
    );

    // 2. 配置进房行为（加入房间）
    const behavior = RoomBehavior.join();

    // 3. 导航到房间页面
    const params = new EnterRoomParams('roomID', behavior, config);
    this.navStack.pushPath({ name: 'RoomMain', param: params });
  }

  @Builder
  routerMap(name: string, param: Object) {
    if (name === 'RoomMain') {
      RoomMainDestination({ navStack: this.navStack, params: param as EnterRoomParams })
    }
  }
}

@Component
struct RoomMainDestination {
  navStack: NavPathStack = new NavPathStack();
  params?: EnterRoomParams;

  build() {
    NavDestination() {
      RoomMainPage({
        roomID: this.params?.roomID ?? '',
        behavior: this.params?.behavior ?? RoomBehavior.join(),
        config: this.params?.config ?? new ConnectConfig(),
        onExit: () => {
          this.navStack.pop();
        },
      })
    }
    .hideTitleBar(true)
    .width('100%')
    .height('100%')
    .onBackPressed(() => true)
  }
}