以下の用途向け:REACT NATIVE

React Native ビデオ通話 SDK

Tencent RTCのReact Native Video Calling SDKを使用して、ネイティブ通話APIを追加します。TUICallEngineからエクスポートされたインターフェースを利用し、通話画面、ナビゲーション、ユーザー状態はアプリ側で制御します。

開発者向けリソース

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

React Native での 1 対 1 ビデオ通話

個人的な交流や相談のための対面型コミュニケーションをReact Nativeアプリに組み込み、同じ体験の中で映像と通話を操作できます。

React Native でのグループビデオ通話

React Native の通話画面で複数の参加者を接続します。プラットフォームガイドに従って、通話フローと対応するグループレイアウトを設定してください。

REACT NATIVE CALL の機能

React Native ビデオ通話の機能

人と人をつなぐ

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

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

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

自分らしく仕上げる

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

React Nativeビデオ通話APIを見る

TUICallEngine を使用してユーザーを接続し、通話を発信して、通話状態の変化に応じて React Native の通話画面を更新します。

ユーザーを接続

ユーザーを React Native Call SDK に接続

アプリケーションへのログイン後に TUICallEngine にサインインします。ネイティブの通話イベントを、着信状態と通話中状態を処理する画面にルーティングします。

ドキュメントを読む
call.ts
import { TUICallEngine } from
  '@tencentcloud/call-uikit-react-native';

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

カスタマイズ

React Native の通話インターフェースをカスタマイズ

React Native の通話画面、コントロール、着信フローを製品に合わせて調整します。

通話 UI

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

ドキュメントを読む

始める

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

  1. 01

    アプリを作成

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

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

    React Native ビデオ通話 SDK を追加する

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

    統合ガイドに従う
  3. 03

    最初の通話を開始

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

    認証を設定
React Native Call SDK
ターミナル
npm install @tencentcloud/call-uikit-react-native
call.ts
import { TUICallEngine } from
  '@tencentcloud/call-uikit-react-native';

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

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

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

React Native Video Calling SDKは、通話招待、イベント、メディアコントロール用のTUICallEngine APIを提供します。アプリケーション側でReact Nativeの通話画面を構築し、ネイティブ通話イベントに接続します。

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

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

インストールパッケージの名前が call-uikit-react-native なのはなぜですか?

公式React Nativeパッケージは、TUICallKitとTUICallEngineの両方をエクスポートします。このページでは、エンジンのエクスポートを使用して、アプリが管理するインターフェースを構築します。

アプリがバックグラウンドにあるときも着信できますか?

バックグラウンド時やオフライン時の着信には、プラットフォーム固有のプッシュ通知とライフサイクル設定が必要です。プラットフォームの連携ガイドに従い、実機でテストしてください。

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

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

React Native ビデオ通話 SDK は無料で使用できますか?

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

React Native で React Native ビデオ通話 SDK を導入するには?

ドキュメントに記載されたパッケージとネイティブ依存関係をインストールし、ネイティブアプリを再ビルドします。JavaScript だけで動くと想定せず、権限、ライフサイクル、ネイティブコールバックを確認します。

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

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

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

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

React Native Call の導入サポート

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

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

営業担当者への連絡

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

React Native Video Calling SDK から始め、2 人のテストユーザーを接続して最初の通話を構築します。