Hi everyone,
I’m working on a project where I’m using the OpenAI real-time API to create a speech-to-speech application. The current setup is working well for speech input and output, where I can speak to the app, and it responds using speech. I’m using the code from this repository: https://github.com/craigsdennis/talk-to-javascript-openai-workers.git.
What I want to do now is integrate a chatbox feature. The goal is to have a chatbox that:
- Displays the user’s speech input (converted to text) as a message.
- Displays the response from the OpenAI API as another message in the chatbox in real-time, while the user is still speaking.
How can I modify my code to achieve this? Specifically, I need help with:
- Showing the user input in the chatbox.
- Showing the response from ChatGPT in the chatbox.
- Ensuring the chatbox updates dynamically as both speech input and the response are received.
Has anyone implemented a similar feature with real-time updates like this? Any guidance or suggestions on how to proceed would be greatly appreciated!
Thanks in advance!