This PR adds integration with the WhisperAI API for speech-to-text conversion in the ChatGPT app. It introduces a new feature that allows users to record audio and send it to the API for transcription. The transcribed text is then displayed as a user message and sent to the ChatGPT API for further processing.
Summary of Changes
Modified ChatInput.jsx to add a microphone icon that appears when the chat box is empty.
Implemented functionality in ChatInput.jsx to handle recording audio when the microphone icon is clicked.
Added three icons for pause/unpause, canceling the recording, and sending the recording to the API.
Implemented ARIA states and properties for accessibility on the icons.
Modified App.jsx to handle recording audio, sending it to the WhisperAI API, and displaying the transcribed message.
Retrieved the transcribed text from the API response and displayed it as a user message.
Sent the transcribed message to the ChatGPT API as if it were a text message.
Please review and merge this PR to enable speech-to-text conversion in the ChatGPT app.
Fixes #6.
To checkout this PR branch, run the following command in your terminal:
git checkout sweep/whisper-api-integration
To get Sweep to edit this pull request, leave a comment below or in the code. Leaving a comment in the code will only modify the file but commenting below can change the entire PR.
Description
This PR adds integration with the WhisperAI API for speech-to-text conversion in the ChatGPT app. It introduces a new feature that allows users to record audio and send it to the API for transcription. The transcribed text is then displayed as a user message and sent to the ChatGPT API for further processing.
Summary of Changes
ChatInput.jsx
to add a microphone icon that appears when the chat box is empty.ChatInput.jsx
to handle recording audio when the microphone icon is clicked.App.jsx
to handle recording audio, sending it to the WhisperAI API, and displaying the transcribed message.Please review and merge this PR to enable speech-to-text conversion in the ChatGPT app.
Fixes #6.
To checkout this PR branch, run the following command in your terminal:
To get Sweep to edit this pull request, leave a comment below or in the code. Leaving a comment in the code will only modify the file but commenting below can change the entire PR.