mdn / dom-examples

Code examples that accompany various MDN DOM and Web API documentation pages
https://developer.mozilla.org/en-US/docs/Web/API
Creative Commons Zero v1.0 Universal
3.4k stars 1.79k forks source link

Demo web-speech-api doesnt work on iOS 16.5 Chrome & Safari & Macbook Pro 13.2 #219

Open Makio64 opened 1 year ago

Makio64 commented 1 year ago

The demo web-speech-api didnt work on iOS 16.5 (iPhone 12 Pro max), I give the permission and the recording is ON but nothing is recognize..

Both Safari & Chrome

It also didnt work on my macbook pro ( OS 13.2 ) Chrome / Safari

caugner commented 11 months ago

Tested the web-speech-api examples in Firefox:

Header Desktop Mobile
phrase-matcher :x: Fails, console has Uncaught ReferenceError: webkitSpeechRecognition is not defined error. :x: Fails.
speak-easy-synthesis ✅ Works as expected. ✅ Works as expected.
speech-color-changer :x: Fails, console has Uncaught ReferenceError: webkitSpeechRecognition is not defined error. :x: Fails.

The speech-color-changer works in Chrome on Android, but in Chrome on Mac OS I'm always getting Error occurred in recognition: no-speech.

guest271314 commented 8 months ago

I think Chrome includes some kind of silence detection algorithm baked in to the implementation of webkitSpeechRecognition(). Additionally since Chrome does not provide a means to select a specific audio device at the prompt it's possible for the audio input device to not be a microphone.

guest271314 commented 8 months ago

Keep in mind speech recognition makes a network request.