SpeechRecognition: result event

Experimental

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

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
Event handler property onresult

Examples

This code is excerpted from our Speech color changer example.

You can use the result event in an addEventListener method:

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 event handler property:

recognition.onresult = function(event) {
  var color = event.results[0][0].transcript;
  diagnostic.textContent = 'Result received: ' + color + '.';
  bg.style.backgroundColor = color;
}

Specifications

Browser compatibility

BCD tables only load in the browser

See also