{
if (transcript) setNote((text) => [text, transcript].filter(Boolean).join(" "))
}}
/>
)
}
```
`onTranscript(text, { final })` feuert, während die Person spricht, falls die Wörter live im Feld landen sollen. In Firefox nimmt diese Version nichts Brauchbares auf, denn dort gibt es keinen Recognizer und kein Audio. Der nächste Abschnitt behebt das.
## Wie nutze ich Transkription auf dem Server als Fallback?
Behalte das Audio, und wenn der Browser dir keine Wörter liefert, schick den Blob an deinen eigenen Endpoint. Der Client bleibt in jedem Browser gleich:
```tsx
"use client"
import { VoiceInput, type VoiceInputResult } from "@/components/ui/voice-input"
async function transcribeOnServer(result: VoiceInputResult) {
if (!result.blob) return ""
// chrome nimmt audio/webm auf, safari unter umständen audio/mp4: die datei danach benennen
const ext = result.mimeType?.includes("mp4") ? "mp4" : "webm"
const body = new FormData()
body.append("audio", result.blob, `dictation.${ext}`)
const response = await fetch("/api/transcribe", { method: "POST", body })
if (!response.ok) throw new Error("Transkription fehlgeschlagen")
const { text } = (await response.json()) as { text: string }
return text
}
export function Dictation({ onText }: { onText: (text: string) => void }) {
return (