Code for demos illustrating features of the Web Speech API. See Web_Speech_API for more details.
For the latest browser support, please have a look at the browser compatibility table here: SpeechRecognition and Web Speech API.
Tap the screen then say a color — the grammar string contains a large number of HTML named color keywords to choose from.
Run on-device recognition demo live
This version of the color changer demo uses the new on-device color changer functionality, which at the time of writing works in Chrome 139+ desktop only.
Speak the phrase and then see if the recognition engine successfully recognises it — this is another demo that relies on speech recognition, written for a research team at the University of Nebraska at Kearney.
Run audio track recognition demo live
Press the button to load an audio file, run speech recognition on it, and output a transcript of the audio to the UI.
Type words in the input then submit the form to hear it spoken. You can also select the different voices available on the system, and alter the rate and pitch.