← Zurück zu Projekte
Lab · Web HistoryLiveSource Code

WaybackMovie

WaybackMovie verwandelt die Geschichte einer beliebigen Website in ein Timelapse-Video. Das Tool fragt die Wayback Machine CDX API ab, ermittelt alle verfuegbaren Snapshots und waehlt per Smart-Sampling-Algorithmus repraesentative Zeitpunkte aus — egal ob 500 oder 5 Millionen Snapshots vorhanden sind. Fuer jeden ausgewaehlten Zeitpunkt oeffnet ein headless Chromium-Browser die archivierte Seite, wartet auf vollstaendiges Rendering inkl. Bildern, und erstellt einen Screenshot. Alle Frames werden per FFmpeg zu einem MP4 mit sanften Crossfade-Uebergaengen (2s Hold, 0.5s Blend) zusammengesetzt. Ein Echtzeit-Dashboard zeigt den Fortschritt ueber alle vier Pipeline-Stufen (Analyzing, Sampling, Capturing, Encoding) mit Live-Filmstrip-Vorschau der bereits erfassten Frames. Adaptives Rate-Limiting mit 429-Erkennung und automatischem Backoff schuetzt vor Blockierung durch archive.org.

VORSCHAU
WaybackMovie – Screenshot 1
FEATURES
  • Smart Sampling: Waehlt ~500 repraesentative Frames aus beliebig vielen Snapshots (funktioniert fuer Blogs mit 50 und google.com mit 5 Mio Snapshots)
  • Adaptives Rate-Limiting: Sequentielle Erfassung mit 5s Basisdelay, automatischer Backoff bei 429/503, Pacing von 3s bis 45s
  • Echtzeit-Dashboard: 4-Stufen-Fortschrittsanzeige (Analyzing, Sampling, Capturing, Encoding) mit SSE-Updates
  • Live-Filmstrip-Vorschau: Scrollbare Thumbnail-Leiste mit Klick-zum-Vergroessern waehrend der Erfassung
  • Crossfade-Video: FFmpeg framerate-Filter mit 2s Hold pro Frame und 0.5s sanfter Ueberblendung (15 FPS Output)
  • Hard-Timeout und Retry: 60s Timeout pro Seite, Retry mit deaktiviertem JavaScript, ueberspringt defekte Seiten
  • Wayback-Toolbar-Entfernung: Automatisches Ausblenden des archive.org UI per CSS-Injection vor dem Screenshot
STACK
Next.js 16TypeScriptTailwind CSS v4PlaywrightFFmpegSSE
OPEN SOURCE
utfcmac/waybackmovie

Dieses Projekt ist Open Source. Der vollstaendige Quellcode ist auf GitHub verfuegbar — Feedback und Beitraege sind willkommen.

Auf GitHub ansehen →