FAQ

Las preguntas más comunes sobre la búsqueda

Búsqueda por voz #

Este código está destinado a ser un punto de partida que se puede adaptar a tus necesidades.

Muchos navegadores admiten la búsqueda por voz de forma nativa, lo que facilita bastante a los desarrolladores implementarla en las funciones de búsqueda de Clerk.io.

A continuación se muestra un script de ejemplo que se puede utilizar para transcribir texto utilizando un micrófono. Específicamente, insertará texto en el campo de entrada de Omnisearch de Clerk.io.

Agrega un botón que, al hacer clic, activa la API de reconocimiento de voz del navegador e inserta el texto en el campo de entrada.

Puedes agregar este script como un bloque de código a un diseño del editor de diseño para una Búsqueda Instantánea o directamente en un diseño de código para Búsqueda Instantánea u Omnisearch.


<button class="mic-button" onclick="startVoiceSearch()">🎙️</button>

<script>
function startVoiceSearch() {
    if (!('webkitSpeechRecognition' in window)) {
        alert("Tu navegador no admite el reconocimiento de voz.");
        return;
    }

    let recognition = new webkitSpeechRecognition();
    recognition.lang = "en-US";
    recognition.interimResults = false;
    recognition.maxAlternatives = 1;
    recognition.onstart = () => console.log("Escuchando...");
    recognition.onerror = (event) => console.error("Error de reconocimiento de voz:", event);
    recognition.onend = () => console.log("El reconocimiento de voz ha terminado.");
    recognition.onresult = function(event) {
        let transcript = event.results[0][0].transcript;
        updateSearchInput(transcript);
    };
    recognition.start();
}

function updateSearchInput(text) {
    let input = document.getElementById("clerk-omnisearch-input");
    input.value = text;
    // Activar eventos para que la búsqueda se actualice correctamente
    ['input', 'change', 'keydown', 'keyup'].forEach(eventType => {
        let event = new Event(eventType, { bubbles: true });
        input.dispatchEvent(event);
    });
    console.log("Entrada de voz añadida:", text);
}
</script>

Esta página ha sido traducida por una IA útil, por lo que puede contener errores de idioma. Muchas gracias por su comprensión.