How to Build a Real-Time Voice Assistant App with Elevenlabs (No Coding)

How to Build a Real-Time Voice Assistant App with Elevenlabs (No Coding)

🔗 Link do vídeo: https://www.youtube.com/watch?v=-42FnrPPYIk
🆔 ID do vídeo: -42FnrPPYIk

📅 Publicado em: 2025-10-09T15:30:00Z
📺 Canal: Build Great Products

⏱️ Duração (ISO): PT37M53S
⏱️ Duração formatada: 00:37:53

📊 Estatísticas:
– Views: 564
– Likes: 32
– Comentários: 5

🏷️ Tags:

Try Elevenlabs for yourself at https://elevenlabs.io/

🚀 Join my community to start building your app idea with AI today @ https://www.skool.com/aiapps/about

Elevenlabs allows you to generate humanlike audio from just text, but you might not know that you can use this directly in apps you build with AI as well using the Elevenlabs API, AND generate custom voices with just a description.

In this video, I create an app with a realistic, real-time voice assistant trained to be a personal advisor – very similar to viral mental health voice app Calmi – and show how you can create something similar.

Chapters:

0:51 – Replicating viral mental health app Calmi
2:00 – Getting started with ElevenLabs: Account and API key setup
3:13 – App user journey and design breakdown
5:10 – Bolt/Claude Code: Planning the app build
7:14 – Debugging Bolt database setup issues
9:02 – Creating and customizing voices in ElevenLabs
11:28 – Selecting and saving a custom ElevenLabs voice
12:05 – Adding ElevenLabs API key to Bolt
13:10 – Testing microphone and voice recording features
14:00 – Debugging audio playback and console errors
16:01 – Fixing ElevenLabs API integration and audio playback
17:25 – Testing voice assistant and conversation flow
19:02 – Debugging 11Labs audio response issues
21:02 – Debugging and improving transcript/message sending
22:45 – Fixing transcript state management in React
24:13 – Real-time transcription and message sending
26:01 – Debugging and improving prompt/response accuracy
27:05 – Final bug fixes and testing personalized responses
29:35 – Changing the ElevenLabs voice in the app
31:00 – Fixing OpenAI integration for personalized responses
34:25 – Final test: Personalized advice and correct voice
36:25 – Success: App working with ElevenLabs and custom voice

Key points:

– I walk through Elevenlabs, what it is and how it works.

– I break down viral app Calmi, how it works and how you can recreate it.

– I create an app using Bolt.new with the Elevenlabs API that matches the design style and functionality of Calmi in less than an hour

Follow me on social:
https://www.linkedin.com/in/ashbychris/
https://x.com/chris_telescope