SpeechGrammarList: SpeechGrammarList() constructor
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The SpeechGrammarList() constructor creates a new
SpeechGrammarList object instance.
Syntax
js
new SpeechGrammarList()
Parameters
None.
Examples
In our simple Speech color changer example, we create a new SpeechRecognition object
instance using the SpeechRecognition() constructor, create a new SpeechGrammarList, add
our grammar string to it using the SpeechGrammarList.addFromString
method, and set it to be the grammar that will be recognized by the
SpeechRecognition instance using the
SpeechRecognition.grammars property.
js
const 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 ;";
const recognition = new SpeechRecognition();
const speechRecognitionList = new SpeechGrammarList();
speechRecognitionList.addFromString(grammar, 1);
recognition.grammars = speechRecognitionList;
Specifications
| Specification |
|---|
| Web Speech API # dom-speechgrammarlist-speechgrammarlist |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
SpeechGrammarList() constructor | ||||||||||||