Recorder JS

Recorder.js ist ein browserbasierter Audio-Recorder für Entwickler. Er erfasst Mikrofon-Eingaben, puffert PCM-Samples im Speicher und exportiert eine WAV (PCM 16-Bit) Blob zur Wiedergabe, Analyse oder zum Download. Das Tool läuft vollständig clientseitig, vermeidet serverseitige Codierung und ermöglicht Offline-Verarbeitung, wenn Netzwerkeinschränkungen bestehen. Es eignet sich gut für Sprachaufnahmen in Sprachlern-Apps, integrierte Aufnahmefunktionen in Web-Dashboards und leichte Audio-Demos für Vorführungen.

Konzeptionell nutzt das Recording getUserMedia, um auf das Mikrofon zuzugreifen, ein AudioContext, um Audio in einen PCM-Puffer zu leiten, und einen kleinen WAV-Encoder, um Samples mit dem richtigen Header zu verpacken. Der Encoder läuft in JavaScript ohne externe Abhängigkeiten und erzeugt eine breit kompatible WAV-Datei. Die API bewahrt explizite Metadaten wie SampleRate und Kanalanzahl und meldet Dauer sowie Größe neben dem Output-Blob.

Zu den wichtigsten Unterscheidern gehören ein in sich geschlossenes WAV-Encoder, eine minimale Konfigurationsoberfläche für SampleRate und Kanäle sowie eine klare Export-API, die sowohl das Blob als auch Metadaten liefert. Optionales Enhancement umfassen Stereoaufnahme, anpassbare Buffer-Größe und die Möglichkeit, Teilaufnahmen zu exportieren. Anwendungsfälle reichen von Sprachanwendungen in Lern-Apps, Labordatenerhebung, Podcast-Schnipseln bis zu interaktiven Tutorials.

Begrenzungen und Randfälle: Die Codierung außerhalb von WAV (z. B. MP3) ist nicht enthalten; lange Sessions sollten segmentiert oder beim Stoppen exportiert werden, um Speicherlast zu vermeiden. Die Implementierung nutzt die Browser-Unterstützung für MediaDevices und Web Audio; Berechtigungsablehnung, Geräteausfall oder Suspend-/Resume-Zyklen müssen von nachfolgender Code-Seite behandelt werden. Wenn kein Ton aufgenommen wird, kann der Blob leer oder sehr klein sein.