製品
ソリューション
開発者
デモ
価格
会社
すべてのブログ

ビデオ通話を数分でFlutterプロジェクトに追加する

10 分読む
Feb 18, 2025

Tencent RTCは、音声/ビデオ通信SDKとUIキットを提供し、平均300ms未満のグローバルなエンドツーエンドの遅延を実現します。Tencent RTCを使用すると、高コストパフォーマンスで高品質なインタラクティブ音声/ビデオ機能を迅速に開発できます。私たちは、Tencent RTC Call (TUICallKit) 、通話シナリオ専用に設計されたカスタマイズされたUIコンポーネントを使用します。Flutterプロジェクト(Flutter 3.0以上)に音声およびビデオ通話機能を数分で追加するためのステップバイステップのプロセスを案内します。

Tencent RTC Call (TUICallKit)の統合方法

コンソールでアプリケーションを作成する

  • Tencent RTCコンソールにアクセスし、「アプリケーションを作成」をクリックします。
  • アプリケーションの作成が成功した後、7日間の無料トライアルオプションを選択します。
  • アプリケーションの名前、SDK、APP ID、およびシークレットキーをメモします。

creating the call app.png

Tencent RTC Call (TUICallKit)コンポーネントをプロジェクトにインポートする

  • 新しく作成したFlutterプロジェクトを開きます。
  • 最新のバージョンのTencent RTC Call (TUICallKit)コンポーネントをプロジェクトの設定ファイルにインポートします。
  • コマンドラインで「flutter pub get」を実行して、コンポーネントを正常にインポートします。

- Flutter Project Configuration - Tencent RTC Call (TUICallKit) Integration - Pubget Command Execution - Flutter IDE Interface

プロジェクトを構成する

  • コンポーネントをインポートした後、新しいプロジェクトでいくつかの基本情報を構成します。
  • Tencent RTC Call (TUICallKit)コンポーネントを使用するために必要なDartファイルをインポートします。
  • iOSプロジェクトのRunner内のinfo.plistファイルでカメラとマイクの権限を要求します。

TUI Call Kitコンポーネントにログインする

  • Flutterプロジェクト内のTencent RTC Call (TUICallKit)コンポーネントにログインします。
  • 「TUICallKit.instance.login」インターフェースを使用し、SDKAppID、ユーザーID、およびユーザー署名をパラメータとして提供します。
  • ユーザーID(例:6666)を入力し、コンソールでユーザー署名生成ツールを使用してユーザー署名を生成します。

実行! 通話をかけるおよび受ける

  • ボタンを使って音声およびビデオ通話を開始する簡単なUIを作成します。
  • テキストウィジェットを使用してユーザーID(例:6666)を表示します。
  • ボタンがクリックされたとき、TUI call kit.instance.callインターフェースを使用して他のユーザー(例:8888)に電話をかけます。

  • Flutterプロジェクトでの着信通話への応答を実装します。
  • プロンプトが表示されたときに「TUICallKit.instance.answer」インターフェースを使用して通話を受けます。

結論

今日、音声/ビデオ通話は必須のコミュニケーションツールとなっており、ビデオ通話の設定はこれまでになく簡単です。Tencent RTC Call (TUICallKit)を使用すると、Flutterプロジェクトにビデオ通話機能をシームレスに統合でき、ユーザーにシンプルで接続された体験を提供します。

AI駆動のノイズキャンセリングや空間オーディオなどの高度な要件がある場合、ウェブ、モバイル、ゲーム向けに完全にカスタマイズ可能な音声/ビデオ通信SDKおよびAPIファミリーを提供しています。特定のニーズに合わせてビデオ通信体験を調整し、Tencent RTCで観客を魅了してください。

ご質問やサポートが必要な場合は、サポートチームが常にお手伝いできる準備が整っていますので、お気軽にお問い合わせいただくか、Discordに参加してください。