HTMLScreenRecorder4m3

Vorschaubild HTMLScreenRecorder4m3

HTMLScreenRecorder4m3

Ein einfacher, browserbasierter Screen-Recorder in reinem HTML/JavaScript für das 4m3-Ökosystem. Ideal zum schnellen Aufzeichnen von Bildschirm, Fenster oder Tab – ohne zusätzliche Software.

Repository

GitHub – HTMLScreenRecorder4m3

Demo

Demo-Seite

Lizenz

MIT

Autor

Jens der Christ

Funktionen

• Aufnahme von Bildschirm, Anwendungsfenstern oder Browser-Tabs über die Browser-Freigabe (getDisplayMedia).
• Aufzeichnung inkl. System-/Tab-Audio (sofern vom Browser/OS erlaubt).
• Start/Pause/Stop, Dateidownload als WebM/MP4* (abhängig vom Browser).
• Einfache, klare Oberfläche – ideal für Erklärvideos und Fehlermeldungs-Demos.
• Keine Server-Abhängigkeit: läuft vollständig im Browser.

Hinweis: Der exakte Ausgabe-Codec/Container hängt vom Browser ab (z. B. Chrome/Edge → WebM/VP9/Opus).

Installation

1. Repo klonen oder ZIP laden: GitHub.
2. Dateien auf deinen Webspace legen (z. B. /ScreenRecorder).
3. Seite im Browser öffnen.

Nutzung

1. „Bildschirm teilen“ klicken und Quelle wählen (Bildschirm, Fenster, Tab).
2. Aufnahme starten, optional Audio einschalten.
3. Aufnahme stoppen und Datei speichern.
4. (Optional) Datei in dein Wiki/Nextcloud/YouTube hochladen.

Browser-Support

• Aktuelle Chromium-Browser (Chrome, Edge, Brave) und Firefox unterstützen Screen-Capture über MediaDevices.getDisplayMedia.
• Auf iOS/iPadOS kann der Funktionsumfang eingeschränkt sein.
• Mobilgeräte: Wenn nicht unterstützt, zeige einen deutlichen Hinweis (Projekt enthält einen entsprechenden Fallback-Hinweis).

Lizenz

MIT-Lizenz – Details im Repository: LICENSE.

Quellcode

• Hauptrepo: GitHub – HTMLScreenRecorder4m3