ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!
Next.jsとChatGPT、VOICEVOXを使用した音声チャットアプリを構築します。 VOICEVOXは、オープンソースのテキスト読み上げソフトウェアです。 複数のキャラクターが使用できますので、キャラクターを選択できるようにしています。 キャラクターを選択すると自己紹介の音声が流れます。 ChatGPTに質問した回答を、選択したキャラクターが読み上げます。 チャットの履歴を参照できるようにもしています。 ずんだもんを選択した時のみイラストが表示され、GSAPを使用してアニメーションをしています。 VOICEVOXを使用したアプリを作成したい方はぜひ参考にしてください。
Author
フルスタックでの開発が得意で、YouTubeでゼロから開発するフルスタックのプログラミングチュートリアルを発信中です。 youtube.com/@fullstackchannel 最近は、オープンソースのLLM、RAG、Dify、SBV2、Fluxなど、生成AIの研究に取り組んでいます。
Topics
- 公開
- 本文更新
- 文章量
- 約29,588字
- 価格
- 900円