Guía de Implementación de la Web Speech API

¿Qué es la Web Speech API?

La Web Speech API es una API de navegador que permite el reconocimiento de voz y la síntesis de voz, facilitando la interacción por voz en aplicaciones web.

¿Cómo se ha implementado en este proyecto?

En el proyecto Descubre España, la Web Speech API se ha utilizado para permitir la selección de la comunidad autónoma, la provincia y la población mediante comandos de voz.

Paso a paso:

1. Creación del botón de búsqueda por voz: Se ha añadido un botón con un icono de micrófono en el formulario principal.
2. Configuración del reconocimiento de voz: Se ha utilizado el objeto SpeechRecognition para capturar el audio del usuario.
3. Normalización del texto: Se han eliminado acentos y caracteres especiales para mejorar la precisión.
4. Uso de la síntesis de voz: Se ha guiado al usuario a través de mensajes hablados usando SpeechSynthesisUtterance.
5. Procesamiento de los resultados: El texto reconocido se ha comparado con las opciones disponibles en los selectores del formulario.

Ejemplo de Código

const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
recognition.lang = "es-ES";

recognition.onresult = (event) => {
    const transcript = event.results[0][0].transcript.toLowerCase();
    console.log("Texto reconocido:", transcript);
};

recognition.start();

Enlaces Útiles

• Documentación oficial de la Web Speech API