Sprachrekorder

So verwendest du den Sprachrekorder

1. Klicke auf "Mikrofon erlauben & Aufnahme starten". Der Browser fragt einmal nach der Mikrofonberechtigung; erteile sie und die Aufnahme beginnt sofort.
2. Beobachte den Live-Timer. Ein roter Punkt pulsiert, während die Aufnahme aktiv ist. Der Pegelzeiger reagiert auf die Eingabelautstärke, damit du bestätigen kannst, dass das richtige Gerät ausgewählt ist.
3. Sprich. Das Audio wird in 100-ms-Abschnitten in den Encoder gestreamt und im Tab-Arbeitsspeicher gesammelt. Es gibt keinen automatischen Stopp; du steuerst die Dauer.
4. Drücke auf "Stopp & Vorschau", wenn du fertig bist. Die gesammelten Abschnitte werden zu einem einzigen Blob zusammengefügt und in den Vorschau-Player geladen, damit du vor dem Speichern zuhören kannst.
5. Drücke auf "Aufnahme herunterladen", um die Datei zu speichern. Die Ausgabe ist WebM mit Opus auf Chromium und Firefox oder M4A mit AAC auf Safari, je nachdem, was dein Browser nativ unterstützt.

Was der Rekorder intern tut

Die Implementierung verwendet drei Web-APIs nacheinander. navigator.mediaDevices.getUserMedia({ audio: true }) fordert Mikrofonzugriff an; der Browser zeigt die Berechtigungsaufforderung an und löst sie mit einem MediaStream auf, der eine Audiospur enthält. Der Stream wird in eine MediaRecorder-Instanz eingeschlossen, konfiguriert mit dem ersten MIME-Typ, den der Browser über MediaRecorder.isTypeSupported() als unterstützt ankündigt. Auf Chromium und Firefox löst das zu audio/webm;codecs=opus auf; Safari (das die WebM-Aufnahme nicht implementiert) fällt auf audio/mp4;codecs=mp4a.40.2 zurück, was AAC LC in MP4 ist.

Der Rekorder feuert dataavailable-Ereignisse mit kodierten Abschnitten am konfigurierten Timeslice. Der Handler schiebt jeden Abschnitt in ein Array. Beim Stopp werden die Abschnitte zu einem einzigen Blob mit dem ursprünglichen MIME-Typ zusammengefügt und dann dem Vorschau-Audioelement über URL.createObjectURL zur Verfügung gestellt. Die Download-Schaltfläche schreibt den Blob in ein verstecktes <a>-Element mit einem download-Attribut. Es wird kein fetch-Aufruf ausgeführt; du kannst das verifizieren, indem du den DevTools-Netzwerk-Tab öffnest und bestätigst, dass die einzigen Anfragen statische Asset-Abrufe beim Seitenaufruf sind.

Wann dieses Tool seinen Nutzen zeigt

• Schnelle Sprachnotizen auf einem Laptop, bei denen das Installieren einer Telefon- oder Desktop-App übertrieben ist.
• Aufnehmen eines Podcast-Gastsegments für ein Interview, wenn der Gast nur einen Browser hat.
• Aufnehmen von Voiceover-Takes für einen Videoschnitt und anschließendes Importieren des WebM oder M4A in Premiere, DaVinci Resolve oder Audacity.
• Testen eines Mikrofons vor einem Zoom-, Google-Meet- oder Teams-Anruf, um zu bestätigen, dass das richtige Gerät ausgewählt ist und die Pegel vernünftig sind.
• Erstellen einer einmaligen Sprachnotiz zum Einfügen in ein Transkriptionstool wie Whisper, Otter.ai oder Apples Sprachmemo-Transkription.
• Aufnehmen einer verbalen Erklärung einer Figma-Datei oder einer Code-Überprüfung, ohne die gesamte Sitzung per Bildschirmaufzeichnung zu erfassen.

Häufige Fallstricke und Randfälle

• Berechtigungsverweigerung ist hartnäckig. Das Klicken auf "Blockieren" in der Browser-Aufforderung speichert die Entscheidung dauerhaft; der Rekorder schlägt weiter fehl, bis du die Berechtigung über das Sperr-Symbol in der Adressleiste zurücksetzt. Chromes Einstellung liegt unter chrome://settings/content/microphone.
• Pausieren und Fortsetzen sind nicht implementiert. Die MediaRecorder-API unterstützt sie, aber der aktuelle Build stellt nur Start, Stopp und Download zur Verfügung. Drücke auf "Stopp", speichere das Segment und starte dann eine neue Aufnahme für das nächste Segment.
• Arbeitsspeicher begrenzt die Dauer. Rund 60 Minuten Mono-Opus sind etwa 50 MB, was die meisten Browser handhaben. Jenseits von 2-3 Stunden können Tabs langsamer werden oder abstürzen; nehme stattdessen in Abschnitten auf.
• iOS Safari erfordert Vordergrundstatus. iOS 14.3 fügte MediaRecorder für Audio hinzu, aber nur während sich der Tab im Vordergrund befindet. Das Sperren des Bildschirms oder das Hintergrundsetzen des Tabs stoppt die Aufnahme lautlos. Plane entsprechend für mobile Sitzungen.
• Loopback (System-Audio) ist nicht zugänglich. getUserMedia({ audio: true }) stellt nur Mikrofoneingaben bereit. Um Tab- oder System-Audio aufzunehmen, verwende die Chrome-Bildschirmfreigabe-API mit aktivierter Audio-Freigabe oder ein Desktop-Tool wie OBS oder Audacity Loopback.
• Bluetooth-Headsets schlagen manchmal fehl. AirPods und andere Geräte verwenden für die Eingabe ein anderes Profil (HFP) als für die Ausgabe, was Audio mit niedriger Qualität (8 kHz) erzeugt. Wechsle zum eingebauten Mac-Mikrofon oder einem kabelgebundenen USB-Gerät für hochwertige Aufnahmen.

MediaRecorder, getUserMedia und die von ihnen emittierten Formate

MediaRecorder ist Teil der W3C-MediaStream-Recording-Spezifikation, die 2017 als Empfehlung finalisiert wurde. Er akzeptiert einen MediaStream von getUserMedia (Mikrofon), getDisplayMedia (Bildschirm mit optionalem System-Audio) oder captureStream (Canvas- oder Videoelement) und gibt kodierte Blobs bei einem konfigurierbaren Timeslice aus. Container und Codec hängen von der Browser-Unterstützung ab: Chromium liefert einen Opus-Encoder in einem WebM-Container; Firefox macht dasselbe; Safari kodiert AAC-LC in einem MP4-Container, da Apple WebM nicht implementiert. Beide Formate werden in jedem modernen Browser, auf jedem Smartphone und in jedem Desktop-Editor (Audacity, Premiere, Resolve, Final Cut, Logic, Pro Tools) dekodiert. Opus, definiert in RFC 6716, ist der technisch überlegene Codec bei jeder Bitrate unter 192 kbps und ist die richtige Wahl, wenn die Ausgangsgröße eine Rolle spielt.

Alternativen und wann sie dieses Tool übertreffen

Audacity (kostenlos, plattformübergreifend) ist die richtige Wahl, wenn du echte Aufnahmekontrolle benötigst: Eingabegeräteauswahl, Mehrspuraufnahme, Rauschunterdrückungsfilter, Normalisierung und Export in eine größere Formatliste. Apple Voice Memos und Android Recorder kommen vorinstalliert und integrieren sich in das Betriebssystem-Dateisystem, was den Browser übertrifft, wenn du die Datei direkt per AirDrop oder Teilen weitergeben möchtest. iOS Voice Control und macOS Dictation transkribieren in Echtzeit und erzeugen überhaupt keine Audiodatei; wähle sie, wenn du Text möchtest. Der seiteneigene Rekorder gewinnt, wenn du eine schnelle Aufnahme aus einem Desktop-Browser benötigst, keine Software installieren möchtest und die Aufnahme nicht dein Gerät für einen Remote-Dienst wie vocaroo.com oder rev.com verlassen soll.