SpeechRecognition: result event
The result event of the Web Speech API is fired when the speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app
| Bubbles | No |
|---|---|
| Cancelable | No |
| Interface | SpeechRecognitionEvent (en-US) |
| Event handler property | onresult (en-US) |
Examples
This code is excerpted from our Speech color changer example.
You can use the result event in an addEventListener method:
js
var recognition = new webkitSpeechRecognition() || new SpeechRecognition();
recognition.addEventListener('result', function(event) {
var color = event.results[0][0].transcript;
diagnostic.textContent = 'Result received: ' + color + '.';
bg.style.backgroundColor = color;
});
Or use the onresult (en-US) event handler property:
js
recognition.onresult = function(event) {
var color = event.results[0][0].transcript;
diagnostic.textContent = 'Result received: ' + color + '.';
bg.style.backgroundColor = color;
}
Specifications
| Specification |
|---|
| Web Speech API # eventdef-speechrecognition-result |
| Web Speech API # dom-speechrecognition-onresult |
Browser compatibility
BCD tables only load in the browser