10 posts tagged rendering.
A walkthrough of generating MP4s from a Node.js process — headless Chromium, frame capture, encoding, and the pitfalls to avoid.
Headless Chromium is the engine, not the renderer. The difference matters when you're trying to produce frame-perfect MP4s.
Render a React component to a deterministic MP4. The trick is treating time as a prop, not a side effect.
Puppeteer can record video — sort of. Here's the screencast API, its limits, and the deterministic alternative for real production work.
An end-to-end recipe for turning a static HTML file into a deterministic MP4 — no timeline tool, no manual export, no headless-Chrome plumbing.
requestAnimationFrame quirks, document.timeline, OffscreenCanvas, WAAPI commitStyles, the new Chromium headless timing model. What is reliable in 2026, and what is still broken.
A frame-by-frame walkthrough of what happens between hyperframes render and a finished MP4. Chromium, seek events, capture, encode — the whole pipeline, with timings.
If you cannot render the same frame twice, you do not have a render pipeline — you have a slot machine. Why determinism is the only feature that matters in modern video tooling.
Video formats describe pixels. HTML describes intent. When a browser can render frames deterministically, the document becomes the codec — and the entire pipeline changes.
Turn any React component into a deterministic MP4. Frame-pinned timing, props as variables, the export pipeline. No headless Chrome scripting required.