How to convert speech to text in react native
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=gcZSlMU-n48
Setting up speech-to-text in your Expo-managed React Native app can be tricky. A common suggestion is to use the @react-native-voice/voice package for this functionality. However, this package won't work in the Expo Go app because it relies on native iOS and Android modules. • This full-stack tutorial goes over how to set up speech-to-text functionality in your Expo React Native app using Google's Speech-to-Text API, which doesn't rely on any native modules. This gives it the added benefit of not only being compatible with Expo Go for both iOS and Android devices but also compatible with modern web browsers - both Safari and Google Chrome. We will build a Node.js/Express backend server to interact with Google's Speech-to-Text API and a front-end Expo-managed React Native app to record our speech using the expo-av package. • Timestamps • 0:00 - Introduction and overview • 1:46 - Basic Node.js/Express server setup • 6:54 - Server speech-to-text endpoint • 11:55 - Google Cloud Console Speech-to-Text API Configuration • 13:20 - Creating a client-side Expo React Native app • 29:52 - Record speech logic • 38:24 - Transcribe speech logic • 48:33 - Mobile app demo • 51:02 - Web compatibility • 1:06:25 - Google Chrome and Safari app demos • 1:07:21 - Conclusion • Source code: https://github.com/amamenko/speech-to... • Resources: • Expo-AV Docs: https://docs.expo.dev/versions/latest... • Google Cloud Speech-to-Text REST API Docs https://cloud.google.com/speech-to-te... • Support Me on Ko-Fi: https://ko-fi.com/avimamenko • My GitHub: https://github.com/amamenko • My Twitter: / avimamenko • My LinkedIn: / avrahammamenko • My Portfolio: https://amamenko.github.io • Note: Existence check on useWebFocus Hook: • If using both iOS/Android and Web, you can add an existence check on the window.addEventListener and window.removeEventListener functions in the useWebFocus hook. The window object will still be defined on mobile, but those particular methods will not.
#############################
