Search

FAQ

Die am häufigsten gestellten Fragen zu Search
Dieser Code ist als Ausgangspunkt gedacht und kann an Ihre Bedürfnisse angepasst werden.

Viele Browser unterstützen die Sprachsuche nativ, was es Entwicklern recht einfach macht, sie in die Suchfunktionen von Clerk.io zu integrieren.

Nachfolgend finden Sie ein Beispielskript, das verwendet werden kann, um Text über ein Mikrofon zu transkribieren. Genauer gesagt wird es Text in das Eingabefeld von Clerk.io’s Omnisearch einfügen.

Es fügt eine Schaltfläche hinzu, die beim Anklicken die Sprach­erkennungs-API des Browsers auslöst und den Text in das Eingabefeld einfügt.

Sie können dieses Skript als code block zu einem Design-Editor-Design für eine Instant Search oder direkt in einem code design für Instant Search oder Omnisearch hinzufügen.


<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>

Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.