開発者向けリソース
React Native ビデオ通話 SDKのドキュメントとサンプル
REACT NATIVE CALL の機能
React Native ビデオ通話の機能
人と人をつなぐ
- 音声・ビデオ通話
- 着信処理
通話体験を自在にコントロール
- カメラとマイクのコントロール
- 通話ライフサイクルイベント
自分らしく仕上げる
- アプリケーションのフロー
- プラットフォーム固有の統合
React Nativeビデオ通話APIを見る
TUICallEngine を使用してユーザーを接続し、通話を発信して、通話状態の変化に応じて React Native の通話画面を更新します。
ユーザーを React Native Call SDK に接続
アプリケーションへのログイン後に TUICallEngine にサインインします。ネイティブの通話イベントを、着信状態と通話中状態を処理する画面にルーティングします。
ドキュメントを読むimport { TUICallEngine } from
'@tencentcloud/call-uikit-react-native';
const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });React Nativeでビデオ通話を開始
アプリケーションから受信者 ID を通話 API に渡します。このアクションを React Native インターフェースの連絡先、会話、または通話ボタンに接続します。
ドキュメントを読むcall.calls({
userIdList: [recipientID],
mediaType: MediaType.Video,
});通話フローを自在にコントロール
ユーザーが使い慣れたインターフェースに通話コントロールを組み込みます。
ドキュメントを読むcall.accept({});
// When the user ends the call:
call.hangup({});始める
React Native アプリにビデオ通話を追加
- 01
- 02
- 03
npm install @tencentcloud/call-uikit-react-nativeimport { 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 人のテストユーザーを接続して最初の通話を構築します。

