SpeechRecognition

Sample for the article http://www.adictosaltrabajo.com/tutoriales/reconocimiento-y-sintesis-de-voz-en-el-navegador/

by Alee

HTML

<button onclick="recognition.start()">Listen</button>
<div id="text"></div>

JavaScript

var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition
var recognition = new SpeechRecognition();

recognition.lang = "es-ES";
recognition.continuous = false;
recognition.interimResults = true;

recognition.onresult = function(event) {
  for (var i = event.resultIndex; i < event.results.length; i++) {
    if(event.results[i].isFinal){
      document.getElementById("text").innerHTML += event.results[i][0].transcript;
    }
	}
}
recognition.onstart = function(event) { console.log(event); }
recognition.onerror = function(event) { console.log(event); }
recognition.onend = function(event) { console.log(event); }