Next.Js Chatbot add Text-to-Speech for developed chatbot

Job ID: 37739415

Budget: $10 – $30 USD

I have a Next.Js Chatbot that requires integration with a specific text-to-speech service - Open AI. I require real-time conversion features specifically.

Skills and Experience:
- Extensive working knowledge on Next.Js Chatbot
- Proven expertise in Open AI text-to-speech integration
- Ability to implement real-time conversion features

The key deliverable I expect from this engagement is a fully functional Next.Js Chatbot with real-time Open AI text to-speech conversion capability. Freelancers with prior experience in similar projects will be given preference.

More Details:

Our goal is to enhance a chatbot project by integrating a Text-to-Speech (TTS) feature. This will enable the chatbot, already functional with text responses and hosted on GitHub (https://github.com/vercel/ai-chatbot) using Next.js, to also provide audio responses. We aim to utilize OpenAI's TTS technology, as detailed in their documentation (https://platform.openai.com/docs/guides/text-to-speech), to achieve real-time audio streaming of the chatbot's responses.
The project is structured around three main components:
•⁠ ⁠Route.ts: Manages the chatbot's text interactions and response streaming (backend).
•⁠ ⁠tts.ts: A custom function for TTS (backend), currently operational with static text input. The challenge lies in dynamically generating audio responses from chat interactions.
•⁠ ⁠chats.tsx: Facilitates the user interface for chat interactions (frontend).
The ultimate goal is seamless integration of the TTS feature to provide immediate audio alongside text responses, enhancing the user experience. This technology will particularly benefit students practicing foreign languages by interacting with the chatbot.

https://github.com/vercel/ai-chatbot Chatbot
https://platform.openai.com/docs/guides/text-to-speech (code for text to speech)

Need someone to add piece of code for chatbot response in speech that aligns with text using above code.

Budget: 20$ Fixed and tight
Timeline: 2 hrs
Related categories: Python React.js Next.js AI Chatbot