Turn HTML, an article, or a repository into a local MP4 with html-video

html-video is a local, agent-driven workflow for converting prompts, web content, or repository material into animated HTML scenes and a real MP4. It combines a browser studio, a CLI, 21 templates, and a rendering pipeline built on headless Chromium and ffmpeg.

What works today

The shipped engine is Hyperframes. It records animated HTML frame by frame in Chromium and encodes the result with ffmpeg. Multi-frame projects use a content graph to organize the storyboard, while single-frame videos take a shorter render path.

The official requirements are Node.js 20+, pnpm 9+, ffmpeg, and Chromium or Playwright's browser build. After installing and building the workspace, the studio can select a template, connect to a supported coding agent, edit frame text, and export MP4.

Production checks that still matter

The tool does not decide whether a story is accurate or well structured. You still need to review source selection, pacing, brand use, typography, and licensing. Chinese output needs an installed font, natural line breaks, and correct font weights. Audio adds separate checks for rights, levels, timing, and synchronization.

Remotion, Motion Canvas, Revideo, and Manim adapters are roadmap or research items, not available engines. Rendering reliability also depends on browser behavior, fonts, ffmpeg, hardware, and the HTML itself.

Source and license

html-video is maintained by the Open Design team in the official GitHub repository under Apache License 2.0. Check GitHub Releases before installation if you need a packaged version. Templates and input assets can carry additional attribution or license requirements.