🚀 Level up your mobile dev skills at https://codewithbeto.dev/learn! Use code HACKTHEPRICE25 for 25% OFF!
💻 Try Warp Pro free for 7 days → https://go.warp.dev/codewithbeto

In this video, I’ll show you how to integrate Whisper locally using whisper.rn, so you can transcribe audio offline, for free, and in multiple languages.
Perfect if you want to add voice features to your mobile app.

Master React Native alongside me → https://codewithbeto.dev/learn
Whisper.rn → https://github.com/mybigday/whisper.rn?tab=readme-ov-file
Hugging face → https://huggingface.co/ggerganov/whisper.cpp/tree/main
Source Code → https://github.com/betomoedano/whisper-speech-recognition
https://youtu.be/4FCP9c6GBLE

👨🏻‍💻  🌟  Be the mobile expert on your team 🌟  👨🏻‍💻
Learn mobile development with courses, templates, and full-stack codebases built to help you ship better apps: 

- React Native Course → https://codewithbeto.dev/learn
- React with TypeScript Course → https://codewithbeto.dev/learnReact
- Git & GitHub Course → https://codewithbeto.dev/learnGit

For other ways to support my work, please consider:

- GitHub Sponsors: https://github.com/sponsors/betomoedano
- Become a Code with Beto channel member: https://www.youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join

⌚️  Timestamps ⌚️
00:00 - Intro  
01:02 - Demo  
07:44 - About Whisper & Whisper.rn  
10:40 - Creating a new project  
12:30 - Installing dependencies  
15:07 - Creating a development build  
16:58 - Initializing & Downloading Whisper  
27:01 - Downloading models on device  
37:44 - Initializing Whisper from downloaded file  
50:42 - Implementing live transcription  
1:04:57 - Recap

⭐️   If you want to learn more about me, check this links: 

Code With Beto → https://codewithbeto.dev
🦋 → https://bsky.app/profile/codewithbeto.dev
X → https://x.com/betomoedano
Github → https://github.com/betomoedano
Linkedin → https://www.linkedin.com/in/betomoedano/
Discord → https://discord.com/invite/dbYfWFw862
Medium → https://medium.com/@betomoedano01
Figma → https://www.figma.com/@codewithbeto

#reactnative #WhisperAI #speechtotext

Code with Beto

A step-by-step tutorial on integrating OpenAI's Whisper speech recognition model locally into a React Native app using the whisper.rn library. Covers downloading GGML-format models from HuggingFace via Expo File System, storing them on-device, requesting microphone permissions with Expo Audio, and implementing both real-time transcription and audio file transcription. Includes a custom React hook (useWhisperModels) to manage model state, download progress, and context initialization. Works on both Android and iOS without any API costs since inference runs entirely on-device.

How to Use OpenAI's Whisper in React Native