サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
qiita.com/yvngodowny
はじめに インターンでフロントエンドを勉強し始めて1ヶ月の初心者が、「Web Speech API」を使って音声でChatGPTと連携できるWebサイトを作ってみました。今回はフロント部分についてです。 システム概要 Webぺージでブラウザの音声認識機能を使ってChatGPTに話しかけ、音声合成機能を使って音声でChatGPTの返答を受け取ることができるシステムを作りました! システムのイメージはこんな感じ。PythonでChatGPTのAPIを叩く部分をバックエンドとしました。 今回はフロントエンドについてなので、画面構成・音声認識・音声合成について書いていきます。 音声認識・合成で使ったAPIについて 今回は音声の認識・合成に「Web Speech API」を使いました。 音声認識・合成については以下の記事を参考にさせてただきました。 音声認識 , 音声合成 1.画面構成 まずHTML
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く