2.4 KiB
Erklärvideo für Kita-Planer
Stand: 14. Oktober 2026. Das Video ist ein zweiminütiger, tonloser Rundgang durch die WebApp. Es verwendet echte App-Screenshots mit ausschließlich fiktiven Beispieldaten. Bildausschnitte und grüne Markierungen führen durch die Funktionen; es wird keine Bildschirmaufnahme von Klicks vorgetäuscht.
Dateien
public/landing/video/kita-planer-rundgang.mp4: teilbare Fassung mit fest eingeblendeten deutschen Untertiteln. H.264, 1920 × 1080, 25 Bilder/s, 2:00 Minuten, ohne Audiospur.public/landing/video/kita-planer-rundgang-web.mp4: Website-Fassung ohne eingebrannte Untertitel. Der native Videoplayer lädt standardmäßig die deutschen WebVTT-Untertitel; sie passen sich dem Player an und lassen sich abschalten.kita-planer-untertitel.vtt: synchronisierte deutsche Untertitel für beide Fassungen.kita-planer-kapitel.vtt: acht Kapitel mit Zeitmarken.kita-planer-poster.jpg: Vorschaubild für die Landingpage.kita-planer-transkript.txt: vollständige Textfassung.
Alle Dateien liegen unter public/landing/video/. Der Player startet erst auf Wunsch und lädt das Video nicht beim Seitenaufruf (preload="none"). Er nutzt keine externen Videoanbieter. Unter dem Player gibt es Downloadlinks und eine aufklappbare Textfassung.
Erneut rendern
Das Storyboard in scripts/product-video/storyboard.json enthält Dauer, Texte, Quellen, Bildausschnitte und Markierungen jeder Szene. Die Quellen liegen in public/landing/screenshots/; die Terminaufnahme entstand ebenfalls mit dem isolierten Screenshot-Fixture. Anleitung siehe product-screenshots.md.
Mit installierten Projektabhängigkeiten und lokalem ffmpeg:
node scripts/product-video/render.mjs
Der Renderer verwendet sharp aus den installierten Next.js-Abhängigkeiten für SVG-Titel und Video-Compositing. Unter macOS wird die vorhandene Schrift Avenir Next verwendet. Auf anderen Systemen diese Schrift oder einen geeigneten Ersatz bereitstellen und die Umbrüche visuell prüfen. Rendern ist ein lokaler Vorbereitungsschritt und kein Teil des Produktionsbuilds; das Deployment liefert die fertigen Dateien aus.
Bei Textänderungen beide Fassungen rendern, den Film vollständig auf Lesbarkeit und Synchronität prüfen und die Kapitelstarts mit dem Storyboard abgleichen. Bei Aktualisierung der App die echten Screenshots erneuern und Ausschnitte/Markierungen anpassen. Die temporären Renderdateien werden nach dem Lauf automatisch entfernt.