webreel – CLI-Tool zur automatischen Aufnahme von Browser-Demos als MP4-Video

• Wenn in einer JSON-Konfigurationsdatei Aktionen wie Klicken, Tippen oder Ziehen definiert werden, startet automatisch headless Chrome, zeichnet mit bis zu ~60 fps auf und kodiert anschließend mit ffmpeg
• Cursor-Animationen, Keystroke-HUD-Overlay und Soundeffekte können in das Video einkomponiert werden
• Ausgabeformate wählbar: MP4 (Standard), GIF, WebM (VP9)
• Unterstützung für 12 Aktionstypen wie pause, click, key, type, scroll, wait, screenshot, drag, moveTo, navigate, hover, select
• Chrome und ffmpeg werden beim ersten Start automatisch heruntergeladen nach ~/.webreel — keine separate Umgebungskonfiguration nötig
• webreel init: Scaffold für eine neue Konfigurationsdatei, mit $schema für IDE-Autovervollständigung
  • record: führt die Videoaufnahme aus, unterstützt einen Ansichtsmodus mit --watch und den Modus --verbose
  • preview: Vorschau des Szenarios im Browserfenster ohne tatsächliche Aufnahme
  • composite: Neukomposition aus gespeicherter Rohaufnahme und Timeline (keine erneute Aufnahme erforderlich)
  • validate: Vorabprüfung der Konfigurationsdatei auf Fehler vor dem Start der Aufnahme
  • Über das Feld include lassen sich gemeinsame Schritte wiederverwenden (z. B. geteilte Initialisierungsschritte wie das Schließen eines Cookie-Banners)
• Zahlreiche Beispiele verfügbar, darunter Drag-and-Drop, Login-Verarbeitung, Aufnahme mobiler Viewports, Mehrfachauswahl, Erzeugung mehrerer Videos aus einer einzigen Konfiguration sowie gleichzeitige Aufnahme von PNG-Screenshots
• Demo auf Webreel.dev ansehen
• Apache-2.0-Lizenz / TypeScript