HTML 写视频：这个5.5万星的 HeyGen 开源项目让剪辑变成了代码

做个视频，为什么一定要打开剪辑软件？

剪过几次短视频之后，最烦的不是创意，而是重复劳动。字体调一次、片头做一次，每期还要来回拖时间轴。

后来就在想，视频这东西拆开看——画面是布局，动效是动画，时间轴就是几个时间戳。如果用代码来写，会不会更省事？

HyperFrames 就是干这个的。HeyGen 开源的，TypeScript 写的，Apache 2.0 协议，目前 GitHub 上有五万五千颗星左右。

一句话：写 HTML，出视频。而且是给智能体准备的。

如果平时也关注 HTML/CSS/JS 这类前端能力与工程化趋势，这个项目恰好踩在一条很有意思的交叉线上。

它怎么把 HTML 变成视频

核心是一套数据属性。你在 HTML 里给每个元素标上「什么时候出现、持续多久、在第几条轨道」，它就按这些属性来渲染。

一个视频可以拆成几块：

画面：就是 DOM

标题是 h1，图片是 img，样式全用 CSS。你平时怎么写网页，就怎么写。

时间：data 属性

data-start 表示什么时候开始，data-duration 表示持续多久，data-track-index 表示在第几轨。

动画：你选的库

GSAP、CSS 动画、Lottie、Three.js、Anime.js、WAAPI，都能接。

比如一个标题要在第 1 秒淡入、持续 4 秒，就是给这个元素加两个属性，再用 GSAP 写一句从透明到不透明。

写完直接在浏览器里预览，所见即所得，不用等渲染。

渲染这一步的关键：确定性

这个项目最值得关注的一个特性是「确定性」。

它的渲染方式是：用无头 Chrome 一帧一帧地 seek，再交给 FFmpeg 编码。同一个输入，永远得到同一批帧、同一个视频。

这意味着什么？意味着你可以把它放进 CI 里。

改了一行文案，跑一次渲染，出来的视频和上次比哪里不一样，是能 diff 出来的。做回归测试、做批量生成，都得靠这个特性。

反过来看那些手拖时间轴的方案，每次导出的结果都可能不太一样，很难谈自动化。

它和现有方案的差别

对剪辑软件：不讲手感，讲可复现

Premiere、剪映靠的是手动操作，灵活但难以自动化。HyperFrames 靠的是代码，改一行就能重出一版。

对模板工具：不止是换字

很多模板工具只能改文案。这个是全代码控制，布局、动效、素材轨道都能自己定。

对纯动画库：多了渲染管线

GSAP 这些库只解决「怎么动」，不解决「怎么导出成视频」。HyperFrames 把预览、渲染、编码一条龙接上了。

一句话，它把视频从「手工活」变成了「构建产物」。

为什么说它是给智能体准备的

这个项目的定位很明确：built for agents。

逻辑其实很简单：智能体本来就会写 HTML。

想让 AI 帮你做一条视频，最顺的路不是让它去操作剪辑软件，而是让它直接写 HTML——它会，而且写得准。写完丢给渲染器，视频就出来了。

它的命令行默认是非交互的，跑起来不用人盯着，适合放进自动化流程里。

它还自带技能包，能让你的编程智能体直接学会怎么调它。

这三件事凑在一起，才撑得起「给智能体准备的」这个说法。不是蹭概念，确实是把智能体当第一用户来设计的。

怎么用起来

本地命令行用：最直接

命令行跑，本地渲染，也能放进 Docker 里跑。

给智能体用：装技能包

装上它的技能，你的智能体就能自己写画面、自己渲。

当渲染内核用：接进你自己的产品

它也能作为底层渲染核心，撑起上层的编辑界面。

一个 composition 就是一个 index.html。不用构建、不用打包，浏览器打开就能播。

许可证是 Apache 2.0，按次渲染不收费，也没有商用门槛。

该说的问题也得说

要会写前端：门槛在代码上

它省掉的是剪辑操作，但换成了写 HTML 和 JS。完全不懂前端的人，上手还是有点陡。

复杂叙事要自己搭：不是一键生成

它不是「输入一句话出一条片」。分镜、节奏、文案，还是得你自己想，它负责把想法准确实现在画面里。

依赖运行时环境：本地要有 Chrome 和 FFmpeg

渲染靠无头 Chrome 和 FFmpeg，这两个得先备好。

素材还得自己来：它不生成内容

视频片段、音乐、图片，得你提供。它管的是「怎么把它们按时间拼到一起」。

说白了，它是把「剪辑」换成「编程」的工具，不是把「创作」也一起包了。

为什么推荐它

这个项目踩在一条会越来越宽的路上：内容生产正在从「手工做」变成「代码生成」。

文章可以代码生成，图片可以代码生成，现在视频也能了。一旦内容成了代码，它就能进版本控制、能进 CI、能被智能体直接调用。

这才是「写 HTML 出视频」这件事真正的分量。不是少装一个剪辑软件，而是视频第一次变成了可以工程化的东西。

回过头看 开源实战 里那些高星项目的演进路径，你会发现一个共同点：真正有生命力的工具，往往不是把老流程做得更顺手，而是重新定义了那件事的底层形态。HyperFrames 对视频剪辑来说，就是朝这个方向走的一步。

如果你也在琢磨内容生成的自动化与工程化，这个项目值得放进收藏夹里多看两眼。