Vue ビデオ通話 UI Kit

Vue ビデオ通話 UI Kit は、TUICallKit の画面と通話コントロールを提供します。ユーザー ID とコンポーネントレイアウトに接続すると、Call サービスが参加者を接続します。

UI Kit は基盤サービス上にインターフェースコンポーネントを提供します。独自のアプリケーション UI をより細かく制御する必要がある場合は、SDK を選択してください。

Call サービスが有効になっている認証済みユーザー向けに TUICallKit を初期化します。HTTPS または localhost を使用し、カメラ、マイク、ブラウザ再生の権限を処理します。

サーバー上で UserSig を作成し、独自のサインインフローが完了した後にクライアントへ渡します。アプリケーションシークレットは常にサーバー上に保持してください。

インターフェースとホスト型 Call サービスは、それぞれ異なる役割を担います。アプリケーションでサービスを有効化し、現在のプラン、機能の提供状況、利用料金を確認してください。

ドキュメントに沿った Vue の導入手順とコンポーネント API を使用します。接続済みビューの前にサービスを初期化し、ビューのアンマウント時にリスナーを解除するかリソースを解放します。

別々のユーザー間で招待、応答、拒否、通話終了の状態をテストし、権限が拒否された場合も確認します。

@trtc/calls-uikit-vue の TUICallKitAPI から setLocalViewBackgroundImage と setRemoteViewBackgroundImage を使い、カメラがオフのときの背景を設定します。これらの背景は、音声通話中または映像がオフのときに表示されます。ボタンの SVG を独自に変更する場合、ドキュメントのソースコピー手順では Vue 3 と TypeScript、およびバージョン 3.2.2 以降が必要です。インポート先をローカルのコンポーネントコピーに変更し、アップグレード時もその変更を保守してください。