{
  "id": 384473,
  "title": "HTML in, MP4 out: rendering a video with HyperFrames instead of an editor",
  "url": "https://urgent.news/2026/08/09/html-in-mp4-out-rendering-a-video-with-hyperframes-instead-of-an",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-09T14:46:52.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/dhseadev/html-in-mp4-out-rendering-a-video-with-hyperframes-instead-of-an-editor-koo"
  },
  "original_language": "en",
  "account": "HyperFrames is HeyGen's open-source HTML-to-MP4 renderer that allows users to create videos using only HTML files. It is built for agents and requires no bundler, JSX, or build steps. HyperFrames renders videos using headless Chrome and FFmpeg, with motion and timing driven by seekable animations and data attributes. The authoring model is simple, as it involves writing HTML, rendering the video, and no build process is necessary. The primary differences between HyperFrames and Remotion lie in their authoring approaches and licensing, with HyperFrames being more agent-friendly due to its lack of a build step. Some common issues encountered when using HyperFrames include installation hangs, Chrome not being bundled, and CDN failures. To avoid these issues, users should use non-interactive install flags, verify the presence of headless Chrome, and vendor necessary files locally. Additionally, it is essential to measure the duration of audio and video segments instead of relying on estimated durations, and to concatenate segments with a fixed gap to ensure natural breathing in the final video.",
  "summary": "Originally published on dhseadev.online . I did not open a video editor to make this. I described a video, and the agent stack I run every day rendered one. That is a 13-second vertical short about how many items in a Dota 2 inventory are actually sellable. Every frame of it came out of an HTML file. What HyperFrames is HyperFrames is HeyGen's open-source HTML-to-MP4 renderer. Apache 2.0, Node…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 2,
    "also_reported_by": [
      {
        "outlet": "Dev.to",
        "title": "I asked an agent to make a product video. It wrote HTML and rendered an MP4 - Dota Companion",
        "url": "https://urgent.news/2026/08/08/i-asked-an-agent-to-make-a-product-video-it-wrote-html-and-rendered",
        "published": "2026-08-08T22:24:54.000Z"
      }
    ]
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}