Search

FAQ

Le domande più frequenti su Search
Questo codice è pensato come punto di partenza che può essere adattato alle tue esigenze.

Molti browser supportano la ricerca vocale in modo nativo, rendendo abbastanza semplice per gli sviluppatori implementarla nelle funzionalità di Search di Clerk.io.

Di seguito un esempio di script che può essere utilizzato per trascrivere il testo tramite microfono. In particolare, inserirà il testo nel campo di input di Clerk.io’s Omnisearch.

Aggiunge un pulsante che, quando cliccato, attiva l’API di riconoscimento vocale del browser e inserisce il testo nel campo di input.

Puoi aggiungere questo script come code block a un design editor design per un’Instant Search oppure direttamente in un code design per Instant Search o 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>

Questa pagina è stata tradotta da un'utile intelligenza artificiale, quindi potrebbero esserci errori linguistici. Grazie per la comprensione.