Cross-platform AI Voice Agents with Expo React Native

ElevenLabs · Intermediate ·🌐 Frontend Engineering ·1y ago

Key Takeaways

Build cross-platform AI voice agents using Expo React Native and the ElevenLabs Conversational AI SDK, enabling conversational AI functionality across iOS, Android, and web platforms. This setup utilizes React Native for cross-platform development and the ElevenLabs SDK for conversational AI capabilities.

Original Description

Build conversational AI agents that work across iOS, Android, and web using @ExpoDevelopers React Native and the ElevenLabs Conversational AI SDK. - Find the code: https://go.thor.bio/expo-convai-gh - Read the docs: https://elevenlabs.io/docs/cookbooks/conversational-ai/expo-react-native Try ElevenLabs: https://elevenlabs.io?utm_source=youtube&utm_medium=organic&utm_campaign=not_set&utm_content=crossplatform_ai_voice_agents_with_expo_react_native
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from ElevenLabs · ElevenLabs · 48 of 60

← Previous Next →
1 AI Multilingual TTS Demo | ElevenLabs
AI Multilingual TTS Demo | ElevenLabs
ElevenLabs
 2 Professional Voice Cloning Demo | ElevenLabs
Professional Voice Cloning Demo | ElevenLabs
ElevenLabs
 3 Introducing: Projects
Introducing: Projects
ElevenLabs
 4 ElevenLabs Dubbing Studio
ElevenLabs Dubbing Studio
ElevenLabs
 5 ElevenLabs Speech to Speech
ElevenLabs Speech to Speech
ElevenLabs
 6 Sound Effects are Coming Soon to ElevenLabs
Sound Effects are Coming Soon to ElevenLabs
ElevenLabs
 7 It Started to Sing
It Started to Sing
ElevenLabs
 8 It Started to Sing (Jazz)
It Started to Sing (Jazz)
ElevenLabs
 9 Broke my Heart
Broke my Heart
ElevenLabs
 10 My Love
My Love
ElevenLabs
 11 ElevenLabs Dubbing API
ElevenLabs Dubbing API
ElevenLabs
 12 ElevenLabs Audio Native
ElevenLabs Audio Native
ElevenLabs
 13 Increasing reader engagement with Audio Native [June 2024 Webinar]
Increasing reader engagement with Audio Native [June 2024 Webinar]
ElevenLabs
 14 ElevenLabs Text to Sound Effects API Demo
ElevenLabs Text to Sound Effects API Demo
ElevenLabs
 15 ElevenLabs Voiceover Studio
ElevenLabs Voiceover Studio
ElevenLabs
 16 ElevenLabs Speech to Speech Tutorial
ElevenLabs Speech to Speech Tutorial
ElevenLabs
 17 ElevenLabs Voice Isolator API Demo
ElevenLabs Voice Isolator API Demo
ElevenLabs
 18 ElevenLabs Turbo v2.5
ElevenLabs Turbo v2.5
ElevenLabs
 19 ElevenLabs Reader App - Android
ElevenLabs Reader App - Android
ElevenLabs
 20 ElevenLabs Impact Program
ElevenLabs Impact Program
ElevenLabs
 21 We’ve reduced our pricing.
We’ve reduced our pricing.
ElevenLabs
 22 Sound Effects Explore
Sound Effects Explore
ElevenLabs
 23 Behind the Voice - Michael Marshall
Behind the Voice - Michael Marshall
ElevenLabs
 24 X to Voice
X to Voice
ElevenLabs
 25 Huberman Labs now Dubbing with ElevenLabs
Huberman Labs now Dubbing with ElevenLabs
ElevenLabs
 26 GenFM, Now Playing on ElevenReader: Smart Podcasts Produced by Generative AI
GenFM, Now Playing on ElevenReader: Smart Podcasts Produced by Generative AI
ElevenLabs
 27 Introducing ElevenLabs Conversational Agents
Introducing ElevenLabs Conversational Agents
ElevenLabs
 28 Meet Flash
Meet Flash
ElevenLabs
 29 Transforming media production with AI sound effects & dubbing
Transforming media production with AI sound effects & dubbing
ElevenLabs
 30 ElevenLabs Conversational AI Webinar
ElevenLabs Conversational AI Webinar
ElevenLabs
 31 ElevenLabs - Text to Speech, Dubbing, Sound Effects and more
ElevenLabs - Text to Speech, Dubbing, Sound Effects and more
ElevenLabs
 32 Talk to Santa
Talk to Santa
ElevenLabs
 33 Year in Review with special guest TIME's CTO Burhan Hamid
Year in Review with special guest TIME's CTO Burhan Hamid
ElevenLabs
 34 Conversational AI Voice Agents that can issue refunds
Conversational AI Voice Agents that can issue refunds
ElevenLabs
 35 Prenez une longueur d'avance avec ElevenLabs
Prenez une longueur d'avance avec ElevenLabs
ElevenLabs
 36 Studio is now available to everyone, with new features (walkthrough)
Studio is now available to everyone, with new features (walkthrough)
ElevenLabs
 37 Build Conversational AI agents with Gemini 2.0 Flash
Build Conversational AI agents with Gemini 2.0 Flash
ElevenLabs
 38 Meet Alexis & El – Support Agents Handling 4,000 Calls a Day
Meet Alexis & El – Support Agents Handling 4,000 Calls a Day
ElevenLabs
 39 Transform your Speech with ElevenLabs Voice Changer
Transform your Speech with ElevenLabs Voice Changer
ElevenLabs
 40 Personalize conversational AI phone calls with Twilio
Personalize conversational AI phone calls with Twilio
ElevenLabs
 41 Spotify is now accepting Audiobooks Narrated by ElevenLabs
Spotify is now accepting Audiobooks Narrated by ElevenLabs
ElevenLabs
 42 Build Outbound AI Sales Agents
Build Outbound AI Sales Agents
ElevenLabs
 43 Meet Scribe
Meet Scribe
ElevenLabs
 44 Build a multilingual speech transcription bot with the ElevenLabs transcriber API
Build a multilingual speech transcription bot with the ElevenLabs transcriber API
ElevenLabs
 45 Streaming and Caching Speech with Supabase
Streaming and Caching Speech with Supabase
ElevenLabs
 46 Meet GibberLink, Conversational AI's secret language
Meet GibberLink, Conversational AI's secret language
ElevenLabs
 47 Building a Personal AI Receptionist
Building a Personal AI Receptionist
ElevenLabs
 ▶ Cross-platform AI Voice Agents with Expo React Native
Cross-platform AI Voice Agents with Expo React Native
ElevenLabs
 49 Automatic Language Detection for Conversational AI
Automatic Language Detection for Conversational AI
ElevenLabs
 50 Native Retrieval-Augmented Generation (RAG) in Conversational AI
Native Retrieval-Augmented Generation (RAG) in Conversational AI
ElevenLabs
 51 Text to Bark from ElevenLabs
Text to Bark from ElevenLabs
ElevenLabs
 52 Meet KUBI the Conversational Robot Barista
Meet KUBI the Conversational Robot Barista
ElevenLabs
 53 Introducing the ElevenLabs MCP server
Introducing the ElevenLabs MCP server
ElevenLabs
 54 Collect and analyze data with Conversational AI
Collect and analyze data with Conversational AI
ElevenLabs
 55 Agent Transfer - Conversational AI
Agent Transfer - Conversational AI
ElevenLabs
 56 Sound Effects are now available in Studio
Sound Effects are now available in Studio
ElevenLabs
 57 How to Make your Professional Voice Clone.
How to Make your Professional Voice Clone.
ElevenLabs
 58 Get unique AI Voiceovers in CapCut
Get unique AI Voiceovers in CapCut
ElevenLabs
 59 Transfer to human - Conversational AI
Transfer to human - Conversational AI
ElevenLabs
 60 Use HeyGen Avatar IV to Make AI Movie Characters
Use HeyGen Avatar IV to Make AI Movie Characters
ElevenLabs

Learn to build conversational AI agents that work seamlessly across iOS, Android, and web platforms using Expo React Native and the ElevenLabs Conversational AI SDK. This micro-lesson covers the setup and implementation of cross-platform AI voice agents, enabling developers to create conversational AI experiences across multiple platforms. By following this lesson, developers can gain hands-on experience with React Native and the ElevenLabs SDK, enhancing their skills in building cross-platform

Key Takeaways
  1. Install Expo React Native
  2. Set up the ElevenLabs Conversational AI SDK
  3. Design conversational AI flows
  4. Implement AI voice agent functionality using React Native
  5. Test and deploy AI voice agents across iOS, Android, and web
💡 The combination of Expo React Native and the ElevenLabs Conversational AI SDK enables developers to create cross-platform AI voice agents with ease, streamlining the development process and enhancing the user experience across multiple platforms.

Related Reads

📰
I Replaced ESLint and Prettier with Biome
Replace ESLint and Prettier with Biome for simplified code formatting and linting, and learn how to integrate it into your development workflow.
Dev.to · Joodi
 📰
I let an AI write 6 WebGL hero sections — here's the one-CSS-variable reskin trick, and the honest review count
Learn how to reskin WebGL hero sections using a one-CSS-variable trick and discover the author's honest review of AI-generated code
Dev.to · NeroTran
 📰
Real-Time Rails Without Turbo: Modern Reactive UIs with Inertia and DexieCable
Learn how to build real-time Rails applications without Turbo using Inertia and DexieCable for modern reactive UIs
Dev.to · Stefan Buhrmester
 📰
The Frontend Build Wars: Why Webpack’s Architecture Collapsed and How Rust Took Over
Learn how Webpack's architecture collapsed and how Rust is taking over in the frontend build wars, and why 86% of developers still rely on outdated tech
Medium · JavaScript
Up next
Best Free Loading Animations for Web Developers
Alamin
Watch →