Reconocimiento de voz con HTML5

HTML 5 incorpora una especificación sobre reconocimiento de voz que permitirá a los usuarios interactuar con nuestra página web utilizando el micrófono de su ordenador. Al habilitar el reconocimiento de voz en un campo de formulario, el navegador proporcionará junto con el campo una opción para iniciar el reconocimiento de voz. La forma de proporcionar esta opción variará dependiendo del navegador, por ejemplo Google Chrome de escritorio muestra un icono de un micrófono dentro del campo de texto, pero en Android aparece el micrófono en el teclado virtual.

Habilitando el reconocimiento de voz en un campo de formulario
El atributo speech es el indicado por la especificación de HTML 5 para habilitar el reconocimiento de voz en un campo de formulario.

<input speech x-webkit-speech name=”reconocimiento” />

Actualmente sólo Google Chrome incorpora el reconocimiento de texto, y de momento no soporta el atributo speech, por eso usaremos también el atributo x-webkit-speech conjuntamente. Si el navegador no soporta reconocimiento de texto se mostrará un campo normal.

Obteniendo el resultado con JavaScript
El evento onspeechchange nos permite saber que el usuario ha usado el reconocimiento de voz. Para que sea compatible usaremos conjuntamente onwebkitspeechchange:

function obtenerTexto( input ) {
if ( ! confirm ( ‘¿Has dicho ‘ + input.value + ‘?’ ) ) input.value = ”;
}

Reconociendo texto sin campo input

Podemos reconocer texto con la api del objeto window.SpeechRecognition. Actualmente chrome utiliza esta API de manera experimental con este otro nombre window.webkitSpeechRecognition.  Por motivos de seguridad para usar el reconocimiento de texto en nuestra web el usuario tendrá que autorizarlo.

function obtenerTexto( ) {
if ( window.SpeechRecognition || window.webkitSpeechRecognition ) {
// Obtenemos el objeto de reconocimento de texto de forma compatible a diferentes navegadores
reconocimientoTexto = new ( window.SpeechRecognition || window.webkitSpeechRecognition ) ()
reconocimientoTexto.onresult = function(event) {
// Mostramos el texto obtenido
alert(1111)
}
// Empezamos a reconocer texto
reconocimientoTexto.start();
} else {
alert ( ‘navegador no soportado’ );
}
}

La función start solicita permiso al usuario y empieza el reconocimiento de voz. El evento onresult es la función que se llama cuando todo va bien y tenemos un texto reconocido de lo que ha dicho el usuario. También puede interesarnos el evento onerror que se ejecuta por ejemplo cuando el usuario no da permiso para el reconocimiento de voz.

Artículos relacionados con lo que acabas de leer:

• Actualizado virtualtv 1.1
• DogramCode los mejores libros para usted.
• Aplicación html5/javascript libre para modelo de encuesta covid
• GUTL pasa a formar parte de la web de noticias: PlanetaLibre
• Sphinx, de texto plano a HTML

Publicado por [KoH]_soldier

https://github.com/illumos/illumos-gate » Forma parte de GUTL desde el 12 noviembre, 2013. Se encuentran Steve Jobs, Mark Shuttleworth, Bill Gates, Richard Stallman y Linus Torvalds un genio les dice que le concederá un deseo a cada uno. El primero en pedir es Steve Jobs: “Deseo que Microsoft desaparezca”, y dicho esto, Microsoft desapareció de la faz de la Tierra. Luego le tocó el turno a Bill Gates: “Deseo que Canonical desaparezca”, y dicho esto, Canonical dejó de existir. Luego el deseo de Mark Shuttleworth: Deseo que se extinga Apple, y el genio asi le concedio. Por último le tocó a pedir el deseo a Richard Stallman y Linus Torvalds: “Bueno, ahora sólo deseamos Champaña y un par de copas”.