W3cubDocs

/DOM

SpeechRecognition.constructor

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The SpeechRecognition() constructor creates a new SpeechRecognition object instance.

Syntax

var myRecognition = new SpeechRecognition();

Parameters

None.

Examples

This code is excerpted from our Speech color changer example.

var grammar = '#JSGF V1.0; grammar colors; public <color> = aqua | azure | beige | bisque | black | blue | brown | chocolate | coral | crimson | cyan | fuchsia | ghostwhite | gold | goldenrod | gray | green | indigo | ivory | khaki | lavender | lime | linen | magenta | maroon | moccasin | navy | olive | orange | orchid | peru | pink | plum | purple | red | salmon | sienna | silver | snow | tan | teal | thistle | tomato | turquoise | violet | white | yellow ;'
var recognition = new SpeechRecognition();
var speechRecognitionList = new SpeechGrammarList();
speechRecognitionList.addFromString(grammar, 1);
recognition.grammars = speechRecognitionList;
//recognition.continuous = false;
recognition.lang = 'en-US';
recognition.interimResults = false;
recognition.maxAlternatives = 1;

...

Specifications

Specification	Status	Comment
Web Speech API The definition of 'SpeechRecognition()' in that specification.	Draft

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	33 Prefixed 33 Prefixed Prefixed Implemented with the vendor prefix: webkit You'll need to serve your code through a web server for recognition to work.	?	No	No	No	No

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	?	Yes Prefixed Yes Prefixed Prefixed Implemented with the vendor prefix: webkit You'll need to serve your code through a web server for recognition to work.	?	No	No	No	?

Firefox OS permissions

To use speech recognition in an app, you need to specify the following permissions in your manifest:

"permissions": {
  "audio-capture" : {
    "description" : "Audio capture"
  },
  "speech-recognition" : {
    "description" : "Speech recognition"
  }
}

You also need a privileged app, so you need to include this as well:

  "type": "privileged"