JamesBrill
commented
3 years ago Hi @Ashish117 Some comments:
- It appears that Safari does not currently support Speech Recognition on PWAs. See the comment here: "Unfortunately, the Speech Recognition API does NOT work inside a standalone PWA. The API is available, so a feature detection algorithm detects it, but nothing happens. My guess is that it has to do with the speech or microphone permission that is not working while in a PWA. Also, it has to do with Apple folks not testing within standalone apps, as usual."
- Note that only the latest version of Safari on iOS supports the Speech Recognition API. It sounds like you're up-to-date - just make sure you're on Safari 14.5 or higher
react-speech-recognitiondoes not use the Media Devices API - instead it uses the Speech Recognition API. Safari only just started supporting Speech Recognition, so this might explain the discrepancy if you have an older version. Note thatreact-speech-recognitionwill use Media Devices if using a polyfill- Speech Recognition requires an Internet connection, so will not function when your PWA users are offline
Hi, I built a react PWA and implemented the library, I am using an iOS device with latest os, I am successfully able to use it in safari but as an app it is not asking for microphone permission when triggering
SpeechRecognition.startListening(). I testednavigator.mediaDevices.getUserMedia({ audio: true });and it is asking for permission and starts recording but the library is not working on Pwa when it is added to homescreen.