livekit-examples/agent-starter-react

何を解決するか

開発者が音声ベースのAIエージェントを構築するための即戦力のフロントエンドスターターテンプレートを提供します。複雑なリアルタイム通信インターフェースをゼロから構築する必要がなく、音声インタラクション、ビデオストリーミング、バーチャルアバター用の事前構築されたUIコンポーネントを提供します。

動作方法

Next.jsで構築されたこのテンプレートは、LiveKit JavaScript SDKと専用のエージェントUIコンポーネントライブラリを使用しています。LiveKitセッションに接続してリアルタイムの音声およびビデオストリームを処理し、ウェルカム画面とアクティブなエージェントセッションの間の状態遷移を管理します。開発者はapp-config.tsの設定ファイルをカスタマイズするか、プロジェクトディレクトリ内のShadcnベースのコンポーネントを変更することで、外観や挙動をカスタマイズできます。

対象ユーザー

LiveKitを活用した音声AIエージェント用のプロフェッショナルなユーザーインターフェースを迅速にデプロイしたいフロントエンド開発者およびAIエンジニア

特徴

• リアルタイムインタラクション: 音声、字幕、バーチャルアバターをサポート。
• カスタマイズ可能なUI: 複数の音声ビジュアライザーのスタイル（バー、グリッド、ラジアル、波、オーラ）とライト/ダークテーマのサポートを含む。
• メディア機能: カメラのビデオストリーミングと画面共有の統合サポート。
• 開発者向け: Next.jsとShadcn UIを使用しており、コンポーネントのカスタマイズや更新が簡単です。