以下の用途向け:WEB

Web ビデオ通話 SDK

Tencent RTC の Web Video Calling SDK を使用して、ブラウザで音声・ビデオ通話を構築できます。招待と通話イベントには TUICallEngine を使用し、インターフェースはお客様のアプリで管理します。

開発者向けリソース

Web ビデオ通話 SDKのドキュメントとサンプル

Webでの1対1ビデオ通話

個人的な交流や相談向けに、対面での会話を Web アプリへ導入し、ビデオと通話コントロールを一体化した体験を提供します。

Webでのグループビデオ通話

ブラウザの通話インターフェースで複数の参加者を接続します。プラットフォームガイドに従って、通話フローと対応するグループレイアウトを設定します。

WEB CALL の機能

Web ビデオ通話機能

人と人をつなぐ

  • 音声・ビデオ通話
  • 着信処理

通話体験を自在にコントロール

  • カメラとマイクのコントロール
  • 通話ライフサイクルイベント

自分らしく仕上げる

  • アプリケーションのフロー
  • プラットフォーム固有の統合

Web Video Call API を見る

TUICallEngine を使用してユーザーを接続し、通話を発信して、通話状態が変化した際にブラウザの通話インターフェースを更新します。

ユーザーを接続

ユーザーをWeb Call SDKに接続

ユーザーがアプリケーションにログインした後、TUICallEngine にサインインします。JavaScript の通話イベントを、着信中および通話中の画面へルーティングします。

ドキュメントを読む
call.ts
import { TUICallEngine } from '@trtc/call-engine-lite-js';

const call = TUICallEngine.createInstance({ SDKAppID });
await call.login({ userID, userSig });

カスタマイズ

Web 通話インターフェースをカスタマイズ

ブラウザーの通話インターフェース、コントロール、着信フローを製品に合わせて調整できます。

通話 UI

ビデオビューとライフサイクルイベントを基に、独自の通話画面を構築します。

ドキュメントを読む

始める

Webアプリにビデオ通話を追加

  1. 01

    アプリを作成

    アプリケーションとテストユーザー向けに Call を有効にします。

    Call コンソールを開く
  2. 02

    Web ビデオ通話 SDK を追加する

    プラットフォームガイドに沿ってプロジェクトを接続します。

    統合ガイドに従う
  3. 03

    最初の通話を開始

    2人のテストユーザーとしてサインインし、発信と応答を行います。

    認証を設定
Web Call SDK
ターミナル
npm install @trtc/call-engine-lite-js
call.ts
import { TUICallEngine } from '@trtc/call-engine-lite-js';

const call = TUICallEngine.createInstance({ SDKAppID });
await call.login({ userID, userSig });

Web ビデオ通話 SDK のよくある質問

Web Video Calling SDK には何が含まれていますか?

Web Video Calling SDK は、通話招待、イベント、メディアコントロール用の TUICallEngine API を提供します。アプリケーション側でブラウザ向け通話インターフェースを構築し、JavaScript の通話イベントに接続します。

Web の通話 SDK と UI Kit のどちらを使うべきですか?

SDK API を使用して独自のインターフェースを構築できます。既製の画面とコントロールが必要な場合は UI Kit を選択してください。

ブラウザ通話には何が必要ですか?

HTTPSまたはlocalhostを使用し、必要なときにカメラとマイクの権限を要求して、ブラウザーのデバイス制限と自動再生制限に対応してください。

Web ビデオ通話 SDK のユーザーを認証するにはどうすればよいですか?

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

Web Video Calling SDK は無料で使用できますか?

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

ブラウザーアプリ で Web ビデオ通話 SDK を導入するには?

ブラウザ設定と対応環境の要件に従ってください。対象とする実際のブラウザで、必要な権限、ナビゲーション、リソース解放をテストします。

アプリのリリース前に Web ビデオ通話 SDK をテストするには?

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

Web ビデオ通話 SDK のインターフェースをカスタマイズするには?

対応する状態とメディア API を使って通話操作と参加者ビューを構築します。インターフェースはアプリ側で管理します。

Web Call の導入サポート

アプリケーションについて相談

製品、想定利用量、統合要件についてご相談ください。

営業担当者への連絡

Webアプリにビデオ通話を導入

Web Video Calling SDK を使用して2人のテストユーザーを接続し、最初の通話を作成します。