A minimal AI motion render engine: seek(t) page + per-frame screenshots into FFmpeg

FinanceYF5 · x · 2026-11-10

Step 7 of the tutorial series reveals the minimal render engine: an index.html that draws any moment via a pure seek(t) function, and render.mjs that drives Playwright frame-by-frame, screenshots, and pipes into FFmpeg (with tmix subframe blending).

Use seeded noise instead of Math.random so every render is identical. Framework routes: Remotion (best for series/templates/data-driven video) or HyperFrames (HTML+GSAP). The point isn't which framework — it's that every frame can be reproduced exactly. Full code and ready-to-run commands for both routes included.

Original post →

More from coding & agent

coding & agent channel →