きゃらチャットAI

きゃらチャットAIは、ピクシブ社のChatVRMをフォークして作成されています。 ブラウザで簡単にAIキャラクターと会話ができるアプリケーションです。

チャット画面からAIキャラクターと会話を楽しむことができます。

きゃらチャットAIの各機能は主に以下の技術を使用しています。

• ユーザーの音声の認識
  • Web Speech API(SpeechRecognition)
• 返答文の生成
  • ChatGPT API
• 読み上げ音声の生成
  • Koemotion/Koeiromap API
• 3Dキャラクターの表示
  • @pixiv/three-vrm

デモ

https://chara-chat-ai.vercel.app/

実行

ローカル環境で実行する場合はこのリポジトリをクローンするか、ダウンロードしてください。

git clone https://github.com/YasunaCoffee/CharaChatAI.git

必要なパッケージをインストールしてください

npm install

パッケージのインストールが完了した後、以下のコマンドで開発用のWebサーバーを起動します

npm run dev

実行後、以下のURLにアクセスして動作を確認して下さい。

http://localhost:3000

アプリケーションを公開する場合

Vercelにてデプロイする方法を推奨しています。以下の記事をご参考ください。 3DキャラクターのAIチャットアプリをVercelでデプロイしたら一瞬だった

環境変数の設定

Vercel上で環境変数を設定しています。 VercelのSettingで環境変数にOpenAIのAPIKEYとKoeiromapのAPIKEYを設定してください。

NEXT_PUBLIC_VERCEL_ENV_OpenAiKey
NEXT_PUBLIC_VERCEL_ENV_KoeiroMapKey