ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築！あなたの選んだキャラが読み上げます！

Next.jsとChatGPT、VOICEVOXを使用した音声チャットアプリを構築します。

VOICEVOXは、オープンソースのテキスト読み上げソフトウェアです。

複数のキャラクターが使用できますので、キャラクターを選択できるようにしています。

キャラクターを選択すると自己紹介の音声が流れます。

ChatGPTに質問した回答を、選択したキャラクターが読み上げます。

チャットの履歴を参照できるようにもしています。

ずんだもんを選択した時のみイラストが表示され、GSAPを使用してアニメーションをしています。

VOICEVOXを使用したアプリを作成したい方はぜひ参考にしてください。