React.js & Tencent RTCを使用してWebのUIKitで5分でビデオ通話を作成

このチュートリアルでは、React.jsを使用して、5分以内にWeb上で音声およびビデオ通話のデモを素早く実装し、最終的に1対1の通話とグループ通話のビデオ通話機能を実装する方法を示します。また、ミュート、カメラのオン/オフ、画面の拡大/縮小など、完全なUIも含まれています。

デモの実際の動作を見たい場合は、このYouTube動画でステップバイステップのチュートリアルとともにコードの実行デモをご覧ください。

前提条件

git clone https://github.com/Tencent-RTC/TUICallKit.git awk

cd ./TUICallKit/Web/basic-react awk

npm install cmake

# TUICallKit/Web/basic-react npm run dev jsx

注意:

ローカル環境の場合は、localhostプロトコルでアクセスしてください。詳細については、ネットワークアクセスプロトコルの説明を参照してください。

!https://trtc.io/media/825a55e7-ee29-4efd-a0c6-15ecbc0f5fd0.png

通話ボタンをクリックして、最初の通話を体験してください。

次に、3番目のWebページを開き、任意のUserIDを入力します。「ログイン」をクリックします。両方に電話をかけてグループ通話を行うことができます。

これでおしまいです！

このプロジェクトの完全なソースコードは、GitHubで入手できます。

Tencent RTCドキュメントを深く掘り下げて、Tencent RTC SDKが提供する機能と能力についてより深く理解してください。APIリファレンス、サンプルコード、ベストプラクティスを探索してください。
公式アカウントX(Twitter)またはLinkedInをフォローして、最新の開発情報を入手してください。
サポートが必要ですか？ TelegramまたはDiscordで実装に関するアドバイスを求めてください。