Conference
  • 概要
    • 製品導入
    • サービスをアクティブ化します
    • 価格
      • 無料時間
      • TRTC Conference の月額パッケージ
      • サブスクリプションパッケージ期間の課金説明
  • 始めましょう
    • Demo のクイックスタート
    • インテグレーション
    • UserSig による安全な認証
  • 基本機能
    • 予約会議
    • 会議管理
    • UI のカスタマイズ
    • クラウドレコーディング
    • ロボットプッシュ
    • AI ノイズ低減
  • その他の機能
    • 部屋のパスワード
    • 基本的な美顔
    • ニックネームとアバターを設定する
    • ルームでのチャット
    • 仮想背景
    • 文字の透かし
  • インターフェースドキュメンテーション
    • RoomKit インターフェース
    • RoomEngine インターフェース
      • インターフェースの概要
      • TUIRoomEngine
      • TUIRoomEvents
      • TUIRoomEngine の定義
  • サーバー API
    • RESTful インターフェース
      • 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 article describes how to quickly run through the TUIRoomKit sample project and experience high-quality multiplayer video conferencing. You can run through the demo in less than 10 minutes and experience a multiplayer videoconferencing with a complete UI.




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.

Step.1 Download Demo

1. Open the Terminal, copy and paste the sample command to clone the repository.
2. Install dependencies.
Vue3
Vue2
cd ./TUIRoomKit/Web/example/vite-vue3-ts
cd ./TUIRoomKit/Web/example/webpack-vue2.7-ts
npm install

Step.2 Configure Demo

Go to the Activate Service page and get the SDKAppID and SDKSecretKey, then fill them in the TUIRoomKit/Web/example/vite-vue3-ts/src/config/basic-info-config.js file.
Note:
For Vue2 projects, open the TUIRoomKit/Web/example/webpack-vue2.7-ts/src/config/basic-info-config.js file and enter the SDKAppID and SDKSecretKey you got when you activated the service.




Step.3 Run Demo

Run Demo by typing the command in the terminal.
Vue3
Vue2
npm run dev
npm run serve
Note:
For local environment, please access under localhost protocol, please refer to the description of network access protocol.

Step.4 Make your first Conference

1. Open a browser page and enter the corresponding URL.



2. Click on the New Room to create your first conference room.



コミュニティに質問しよう!
技術的な議論を始め、すぐに専門家のサポートを受けよう!