Search
FAQ
De mest almindeligt stillede spørgsmål om Search
Voice Search #
Denne kode er ment som et udgangspunkt, der kan tilpasses dine behov.
Mange browsere understøtter stemmesøgning som standard, hvilket gør det ret ligetil for udviklere at implementere i Clerk.io’s søgefunktioner.
Nedenfor er et eksempel på et script, der kan bruges til at transskribere tekst ved hjælp af en mikrofon. Specifikt vil det indsætte tekst i Clerk.io’s Omnisearch inputfelt.
Det tilføjer en knap, der, når den klikkes, aktiverer browserens stemmegenkendelses-API og indsætter teksten i inputfeltet.
Du kan tilføje dette script som en code block til et design editor design for en Instant Search eller direkte i en code design for Instant Search eller 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>
Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.