Search

Häufig gestellte Fragen

Die am häufigsten gestellten Fragen zu Search

Sprachsuche #

Dieser Code soll als Ausgangspunkt dienen, der an Ihre Bedürfnisse angepasst werden kann.

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

Nachfolgend finden Sie ein Beispielskript, das verwendet werden kann, um Text mit einem Mikrofon zu transkribieren. Es wird speziell Text in das Eingabefeld von Clerk.io’s Omnisearch einfügen.

Es fügt einen Button hinzu, der, wenn er angeklickt wird, die Sprach­erkennungs-API des Browsers auslöst und den Text in das Eingabefeld einfügt.

Sie können dieses Skript als Codeblock in ein Design für eine Sofortsuche oder direkt in ein Code-Design für Sofortsuche oder Omnisearch einfügen.


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

<script>
function startVoiceSearch() {
    if (!('webkitSpeechRecognition' in window)) {
        alert("Ihr Browser unterstützt keine Sprach­erkennung.");
        return;
    }

    let recognition = new webkitSpeechRecognition();
    recognition.lang = "en-US";
    recognition.interimResults = false;
    recognition.maxAlternatives = 1;
    recognition.onstart = () => console.log("Hört zu...");
    recognition.onerror = (event) => console.error("Fehler bei der Sprach­erkennung:", event);
    recognition.onend = () => console.log("Sprach­erkennung beendet.");
    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;
    // Ereignisse auslösen, damit die Suche korrekt aktualisiert wird
    ['input', 'change', 'keydown', 'keyup'].forEach(eventType => {
        let event = new Event(eventType, { bubbles: true });
        input.dispatchEvent(event);
    });
    console.log("Sprachinput hinzugefügt:", text);
}
</script>

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