This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The nomatch event of the Web Speech API is fired when the speech recognition service returns a final result with no significant recognition.
This may involve some degree of recognition, which doesn't meet or exceed the confidence threshold.
Note: The onnomatch handler does not yet work properly in Firefox — the speech recognition system always returns a positive match, and then guesses at what item in the grammar it found. This is being worked on.
| Bubbles | No |
| Cancelable | No |
| Target objects | SpeechRecognition |
| Interface | SpeechRecognitionEvent |
| Event handler property | onnomatch |
Examples
You can use the nomatch event in an addEventListener method:
var recognition = new webkitSpeechRecognition() || new SpeechRecognition();
recognition.addEventListener('nomatch', function() {
console.log('Speech not recognized');
});
Or use the onnomatch event handler property:
recognition.onnomatch = function() {
console.log('Speech not recognized');
}
Inheritance
The nomatch event implements the SpeechRecognitionEvent interface, which inherits from Event. It therefore has available the properties and methods defined on both these interfaces.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a><polyline points="76,25 86,20 86,30 76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognitionEvent" target="_top"><rect x="116" y="1" width="220" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="226" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">SpeechRecognitionEvent</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Specifications
| Specification | Status | Comment |
|---|---|---|
| Web Speech API The definition of 'speech recognition events' in that specification. |
Draft |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 33 [1] | 44 (44) [2] | No support | No support | No support |
| Feature | Android | Chrome | Firefox Mobile (Gecko) | Firefox OS | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | ? | (Yes)[1] | ? | 2.5 | No support | No support | No support |
- [1] Speech recognition interfaces are currently prefixed on Chrome, so you'll need to prefix interface names appropriately, e.g.
webkitSpeechRecognition; You'll also need to serve your code through a web server for recognition to work. - [2] Can be enabled via the
media.webspeech.recognition.enableflag in about:config, although note that currently speech recognition won't work on Desktop Firefox — it will be properly exposed soon, once the required internal permissions are sorted out.