Next.js13とSupabaseで音声認識AIチャットアプリ構築(ChatGPT、Whisper)

Web開発
supabase
中級
Next.js13とSupabaseで音声認識AIチャットアプリを構築していきます。 前回作成したAIチャットアプリに音声認識機能を追加します。 マイクから音声を録音してOpenAIのWhisperで音声認識をします。 Whisperは日本語でもかなり精度がよく認識してくれます。 音声変換したテキストをChatGPTに送信することでAIと会話することができるようになります。 最新技術のChatGPTとWhisperを利用して、AIチャットアプリを作ってみましょう。 ぜひ参考にしてください。

学習内容

・マイクから音声を録音する方法 ・録音した音声をWhisperで文字起こしする方法 ・ChatGPTを使用する方法

機能

・AIチャット ・投稿取得 ・投稿保存 ・投稿更新 ・音声認識

解説動画

YouTubeで解説をしています。
https://youtu.be/MwXqq0H2MpA

解説記事

ステップ

ステップ1
Web開発
supabase
初級
Next.js 13新機能のApp DirectoryとSupabaseでブログ構築
ステップ2
Web開発
supabase
初級
Next.js13とSupabaseでAI画像生成アプリ構築(OpenAI DALL・E)
ステップ3
Web開発
supabase
初級
Next.js13とSupabaseでAIチャットアプリ構築(GPT-3)
ステップ4
Web開発
supabase
初級
Next.js13とSupabaseで構築したブログにコメント機能追加
ステップ5
Web開発
supabase
初級
Next.js13とSupabaseのブログ完全版
ステップ6
Web開発
supabase
中級
Next.js13とSupabaseで音声認識AIチャットアプリ構築(ChatGPT、Whisper)
ステップ7
Web開発
supabase
中級
Next.js13とSupabase、ChatGPT、Whisperで自動要約アプリ構築
ステップ8
Web開発
supabase
上級
Next.js13とSupabaseで知識データベースQ&Aアプリ構築(Embedding)
ステップ9
Web開発
supabase
初級
全てがここに!Next.jsとSupabaseで構築する認証システム
ステップ10
Web開発
supabase
中級
Next.jsとSupabase、Stripeで構築するサブスクメンバーシップ機能