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

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

Nutzung

„Bildschirm teilen“ klicken und Quelle wählen (Bildschirm, Fenster, Tab).
Aufnahme starten, optional Audio einschalten.
Aufnahme stoppen und Datei speichern.
(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

Siehe auch