FAQ

Las preguntas más frecuentes sobre Search

Voice Search #

Este código está pensado como un punto de partida que puede adaptarse a tus necesidades.

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

A continuación, se muestra un ejemplo de script que puede usarse para transcribir texto mediante 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 en un diseño del editor de diseño para un Instant Search o directamente en un diseño de código para Instant Search u Omnisearch.


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

<script>
function startVoiceSearch() {
    if (!('webkitSpeechRecognition' in window)) {
        alert("Your browser does not support voice recognition.");
        return;
    }

    let recognition = new webkitSpeechRecognition();
    recognition.lang = "en-US";
    recognition.interimResults = false;
    recognition.maxAlternatives = 1;
    recognition.onstart = () => console.log("Listening...");
    recognition.onerror = (event) => console.error("Speech Recognition Error:", event);
    recognition.onend = () => console.log("Speech recognition ended.");
    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;
    // Trigger events for search to update properly
    ['input', 'change', 'keydown', 'keyup'].forEach(eventType => {
        let event = new Event(eventType, { bubbles: true });
        input.dispatchEvent(event);
    });
    console.log("Voice input added:", 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.