Cómo usar campos de voz con HTML5

Balu17 Mayo 2011 - 6:55pm 2 comentarios
Enviar por Email Imprimir

Cómo usar campos de voz con HTML5

¿Te da flojera escribir? Pues esto ya no será una excusa para comunicarte, en el futuro podremos dictar directamente al navegador, para que él escriba por nosotros.

Una prueba de esto es el navegador recientemente lanzado Chrome 11 (beta), que tiene la característica de voz activa por defecto. Si estas usando Google Chrome 11 en estos momentos, ingresa a esta página y da clic en el botón del micrófono.

¿Impresionado? Los resultados dependerán de que tan bien manejes el inglés y de lo que estés diciendo. Pero, hay que tener en cuenta, que esto recién empieza. Y que debe su funcionamiento a HTML5...

Speech Input API: La api de HTML5 para la entrada de voz

Demos una mirada al siguiente código HTML, requerido para mostrar el campo de voz.


O, si lo prefieren, podemos respetar la sintaxis de XHTML:


El atributo x-webkit-speech puede ser usado en cualquier elemento input de HTML, así sea del tipo texto, número, teléfono o búsqueda. Desafortunadamente, ¡no esta permitido usarlo en los campos textarea!. Suponemos, que se ha tratado de impedir el dictado largo de textos, ya sea por razones de rendimiento o alto consumo de memoria.

El siguiente código JavaScript puede ser usado para probar si la entrada de voz esta activa:

if (document.createElement("input").webkitSpeech === undefined) {
	alert("La entrada de voz no esta soportada en tu navegador.");
}

Por el momento, son pocos los navegadores que soporten el dictado de textos; en estos casos, se mostrará el campo de texto estándar. También podríamos usar la código de arriba, para mostrar un texto que indique al usuario que su navegador no soporta esta característica.

La entrada de voz es una de las tecnología de navegación más innovadoras, que ha aparecido en los últimos meses. Es fácil de implementar con HTML5 y tiene varios usos:

  • Dictado asistido para personas con problemas de movilidad
  • Una opción de entrada alternativa en teléfonos móviles y tabletas
  • Cualquier entorno donde un teclado o mouse es poco práctico

¿Crees que sea bueno implementarlo en herramientas educativas?

Comentarios

Imagen de marcofbb

Cada vez mejor, el traductor google tiene entrada de voz y tiene para decir mucho hay que ver como funciona

Imagen de Carlos Andres Sepúlveda

Esperemos que esta característica sea adoptada por los otros navegadores... considero que sería una evolución a la hora de navegar!

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más