Adding Text to Speech and Speech Recognition to your Capacitor App

Learn to implement text to speech and speech recognition in your Ionic app using Capacitor and community plugins!

#############################

👨‍💻 Want to read instead of watch?

⚡️ NEW: 46 Pages Ionic QUICKSTART GUIDE

➡️ Take my famous 7 Day Ionic Crash Course

🤷‍♂️ Want more Ionic tutorials?

#############################

❤️ You can also find me on:

Or join our Facebook group:

#############################

00:00 Intro
01:14 Plugin integration
04:05 Text to speech & Speech recognition code
14:57 Outro

#ionic #capacitor

[mrhaymod]

Wicked video, Simon! Thank you 👏
Your content has helped me immensely and I'll be signing up for the academy shortly!

[mohammedrokerya]

I was using cordova's speech recognition, it was also not changing the state on time, and I was finding the solution to it, then found your video, Thanks for this video, Gonna update my app.

[pavanbhat]

Amazing!! The recording window seems small, is there a way to increase it ?

[KaizoKev]

hello, is it possible not to use the partial result but have the finished result directly

[ponic]

Is there any way to detect end of speech?
or I have to press de stop button?

[ciaranmooney]

Hi, is it possible to update a TextArea in real time with partialresults, and when recording is stopped, update the textaraea with data.matches[0]?

[dendy]

Is there a way to update "this.recording" programmatically when listening stops?

[pedrorafaelsuarezesteris]

In the Capacitor Community Plugins, SpeechRecognition add some code in the main class for Android. It is still necessary.
I didn't see that on the video.
I follow step by step your indications but I obtain only partialResults was fired undefined. I am testing into an Android phone and both approach launch me the same undefined message.

[TheSaceone]

12:23 For anyone interested, now both iOS and Android have the data results in a property called "matches", so please use data.matches[0] both for iOS and Android :)

[balak_ai]

Awesome! Do you have github repo of this project?

[arkotuddy]

Hi Simon, hope you are doing great. I got rejeted from app store. If user don't allow the speech recognition services, then app is crashed. May you please help me out?

[PrudhvirajDandi]

Can you please make a video on capacitor google maps. Which was recently launched.

[readysetgo]

Super cool! Does this work offline, Simon?

[mgopalan]

is there a way to identify your voice for login page n ionic7? i need an login page with voice over command to login for each user

[nofamilyreview]

Can you please talk about integrating PayPal Braintree and stripe payment in both mobile and web app.

[TheSaceone]

First! Tuesday 17h you know what that means!

[patilrohan]

What is the vocode theme that you use ??

[rex]

Hi, Simon is there any way to increase the speech recognition time limit?

[vsacvjacv]

hi Simon, Great tutorial as always. I am using ionic-react over android and everything seems in order except for my event listener doesnt fire. In logcat I see this error:

D/Capacitor: Unable to find a Capacitor plugin to handle requestCode, trying Cordova plugins 2002


Any idea what i could be missing?

[franktakou]

please how do you run your app on a real device using usb cable? really need it ?🙏🏼 i will like to debug my apps on android or ios while coding