viernes, 20 de abril de 2012

Reconocimiento de Voz en HTML5

Reconocimiento de Voz en HTML5


Si cargan este post en google chrome la siguiente caja de texto tendrá a su derecha un pequeño micrófono.
si le dan clic sobre este micrófono, el sistema les reconocerá lo que digan en el micrófono y lo escribirá en la caja de texto.

Les dejo un código fuente de ejemplo.

<html lang="es-ES">
<head>
</head>
<body>
<input type='text' id='mivoz' name='mivoz' input x-webkit-speech speech error onwebkitspeechchange="kinduff();">
</body>
</html>

Tengan presente que la clave es ingresar en la etiqueta <html> el idioma en que la pagina funcione, en el caso de español tendríamos <html lang="es-ES"> y la caja de texto a reconocer texto agregamos el siguiente atributo:
input x-webkit-speech speech error onwebkitspeechchange="kinduff();"

Espero que les sea util!!

3 comentarios:

  1. y para hacer alguna acción? por ejemplo si, digo hola que muestre una imagen

    ResponderEliminar
  2. Buenas Noches:

    Estoy desarrollando el diseño de una pagina web y quiero implementar el reconocimiento de voz pero al utilizar el codigo o visualizar algunos ejemplos en linea solo me aparece la caja de texto, ¿Hace falta algun complemento al computador, al navegador o en el codigo? Gracias por su Atención

    ResponderEliminar
  3. Hola,
    al ingresar el codigo no me aparece el microfono

    saludos

    ResponderEliminar