Conference
  • Overview
  • Web
    • Demo のクイックスタート
    • インテグレーション
    • UI のカスタマイズ
    • Conference Control
    • ルームでのチャット
    • クラウドレコーディング
    • AI ノイズ低減
    • ロボットプッシュ
    • 仮想背景
    • その他の機能
      • フローティングウィンドウ
      • Text Watermark
    • インターフェースドキュメンテーション
      • RoomKit インターフェース
      • RoomEngine インターフェース
        • インターフェースの概要
        • TUIRoomEngine
        • TUIRoomEvents
        • TUIRoomEngine の定義
    • よくあるご質問
  • iOS
    • Demo のクイックスタート
    • インテグレーション
    • UI のカスタマイズ
    • ミーティングコントロール
    • ルームでのチャット
    • クラウドレコーディング
    • AI ノイズ低減
    • ロボットプッシュ
    • その他の機能
      • フローティングウィンドウ
    • インターフェースドキュメンテーション
      • RoomKit インターフェース
      • RoomEngine インターフェース
        • インターフェースの概要
        • TUIRoomEngine
        • TUIRoomObserver
        • タイプ定義
    • よくあるご質問
  • Android
    • Demo のクイックスタート
    • インテグレーション
    • UI のカスタマイズ
    • ミーティングコントロール
    • ルームでのチャット
    • クラウドレコーディング
    • AI ノイズ低減
    • ロボットプッシュ
    • その他の機能
      • フローティングウィンドウ
    • インターフェースドキュメンテーション
      • RoomKit インターフェース
      • RoomEngine インターフェース
        • インターフェースの概要
        • TUIRoomEngine
        • TUIRoomObserver
        • タイプ定義
    • よくあるご質問
  • Electron
    • Demo のクイックスタート
    • インテグレーション
    • UI のカスタマイズ
    • Conference Control
    • ルームでのチャット
    • クラウドレコーディング
    • AI ノイズ低減
    • ロボットプッシュ
    • その他の機能
      • フローティングウィンドウ
      • Text Watermark
    • インターフェースドキュメンテーション
      • RoomKit インターフェース
      • RoomEngine インターフェース
        • インターフェースの概要
        • TUIRoomEvent
        • TUIRoomEngine
        • TUIRoomEngine の定義
    • よくあるご質問
  • Flutter
    • Demo のクイックスタート
    • インテグレーション
    • UI のカスタマイズ
    • ミーティングコントロール
    • In-Conference Chat
    • クラウドレコーディング
    • AI ノイズ低減
    • ロボットプッシュ
    • その他の機能
      • フローティングウィンドウ
    • インターフェースドキュメンテーション
      • RoomKit インターフェース
      • RoomEngine インターフェース
        • インターフェースの概要
        • TUIRoomEngine
        • TUIRoomObserver
        • タイプ定義
    • よくあるご質問
  • Overview
    • Overview
  • サービスをアクティブ化します
  • 価格
    • 無料時間
    • TRTC Conference の月額パッケージ
    • サブスクリプションパッケージ期間の課金説明
    • 従量課金
      • 音声・ビデオ時間の課金説明
      • クラウド録画の課金説明
      • ミックストランスコーディングとCDNへのリレーの課金説明
  • サーバー API
    • REST インターフェース
      • RESTful インターフェースの概要
      • RESTful インターフェースリスト
      • Room Management
        • Create a Room
        • Destroy a Room
        • Update the Room Information
        • Get the Room Information
      • ユーザー管理
        • Get the Room Member List
        • Update the Room Member Information
        • Change the Room Ownership
        • Mark Room Members
        • Ban Room Members
        • Unban Room Members
        • Get the Banned Room Member List
        • Remove Room Member
      • Seat Management
        • Get the Seat List
        • Pick User on the Seat
        • Kick User off the Seat
        • Lock the Seat
    • Third-Party Callback
      • Callback Overview
      • Callback Command List
      • Callback Configuration
        • Query Callback Configuration
        • Create Callback Configuration
        • Update Callback Configuration
        • Delete Callback Configuration
      • Room Related
        • After a Room Is Created
        • After a Room Is Destroyed
        • After the Room Information Is Updated
      • User Related
        • After a Room Is Entered
        • After a Room Is Left
      • Seat Connection Related
        • After the Seat List Is Changed
  • Error Code
Conference
このページは現在英語版のみで提供されており、日本語版も近日中に提供される予定です。ご利用いただきありがとうございます。

Demo のクイックスタート

This document mainly introduces how to quickly run through the TUIRoomKit sample project and experience a high-quality multi-person video conference. By following this document, you can run through the demo within 10 minutes and ultimately experience a multi-person video conference feature with a complete UI interface



Prerequisites

Node.js version: Node.js ≥ 16.19.1 (we recommend using the official LTS version, please match the npm version with the node version).
Modern browser, supporting WebRTC APIs.

Download Demo

1. Open Terminal Copy and enter the sample command to clone the repository.
2. Installation of dependencies
Vue3
Vue2
cd ./TUIRoomKit/Electron/example/vue3
cd ./TUIRoomKit/Electron/example/vue2
npm install

Configure Demo

1. Activate the TUIRoomKit service,get the SDKAppID and SDKSecretKey.



2. Open the TUIRoomKit/Electron/example/vue3/packages/renderer/src/config/basic-info-config.js file and enter the SDKAppID and SDKSecretKey you got when you activated the service:



Note:
For Vue2 projects, open the TUIRoomKit/Electron/example/vue2/src/config/basic-info-config.js file and enter the SDKAppID and SDKSecretKey you got when you activated the service.

Run Demo

1. Run Demo by typing the command in the terminal.
Vue3
Vue2
# cd TUIRoomKit/Electron/example/vue3
npm run dev
# cd TUIRoomKit/Electron/example/vue2
npm run start
Note:
For local environment, please access under localhost protocol, please refer to the description of network access protocol.




Create your first conference

Click on the New Room button to create your first meeting room. The room types are On-stage Speaking Room and Free Speech Room.
1. Free speech room



2. On-stage Speaking Room




Join conference

Participants can join a meeting created by the meeting host by filling in the corresponding RoomId.