用一个 CSV 表格,我一个下午生成了 12 条产品发布视频——这是方法

上周二下午 4 点,一个品牌经理找我:"我们明天早上之前要 12 条产品发布视频,放在首页轮播里。不同角度,不同钩子,同一个模板。"没有影棚,没有剪辑师。上一次做这种活,花了两周,成本我都不想提。

我打开一个 CSV,里面有 12 个产品名称、每条三行的价值主张,还有一个装着素材视频的文件夹。下午 6 点,12 个 MP4 渲染完了。下午 7 点,我顺手做了一组模板变体,留给下一次发版用。干这件事的工具有点新——Hyperframes,一个月前我连名字都没听过。

Hyperframes 到底是什么(以及不是什么)

Hyperframes 是 HeyGen 团队开源的一套 HTML 视频渲染框架。2026 年 5 月中旬上线 GitHub,Apache 2.0 协议——完全免费,没有渲染积分(credits),不用按人头算。它的思路有点特别:你的视频就是一个 HTML 文档。每个场景元素带 data-start、data-duration、data-track-index 这样的属性,说明它什么时候出现、持续多久、放在时间线的哪一层。你可以像排网页一样排它。用你已经会的前端工具做动画——GSAP、Lottie、CSS 动画、Three.js 都行。框架驱动一个无头浏览器(Puppeteer,基于 Chromium 的浏览器自动化工具)渲染,然后把画面管道给 FFmpeg(开源视频编码工具)编码成 MP4。

它不是数字人视频平台。它不会从一段提示词(prompt)生成镜头。没有"输入创意,输出 30 秒片段"的按钮。它真正做的事情,是把可重复、可版本化、代码友好的内容,变成广播级视频——零渲染成本,每次跑出来完全一致。同样的输入,每次输出都一模一样。这个特性本身,就足以让任何跑自动化流水线的人感兴趣。

2026 年年中,营销人值得关注的第二件事是:Hyperframes 官方为 Claude Code、Cursor、Codex、Gemini CLI 这些 AI 编程工具做了一手集成。一条命令安装——npx skills add heygen-com/hyperframes——你的编程助手就学会了怎么写视频构图、怎么配 GSAP(动画时间线库)时间线、怎么同步字幕、怎么在浏览器里预览。用大白话说,就是把 AI 编程 agent 变成了一个真的能按品牌规范做事的初级动效设计师。

我跑了 45 分钟的第一个项目

想知道这东西值不值得你花时间,照我做一遍。在一个新项目文件夹里打开 Claude Code(或 Cursor),运行:

npx skills add heygen-com/hyperframes
npx hyperframes init my-first-ad
cd my-first-ad

告诉你的 agent:"使用 /hyperframes,做一个 12 秒的产品介绍视频:深色背景,品牌 logo 在 2 秒内淡入,一段 1080p 素材视频播放 8 秒,中间叠一行居中标题,最后黑场淡出,2 秒尾卡。输出 1080x1920 竖版,给 TikTok 用。"

这就是我用的真实提示词。Agent 自动搭建了项目结构,从内置组件库里挑了一个淡入动画基元,生成了占位字幕,在浏览器窗口里预览,等我检查。我说"标题字号加大 30%,logo 提前 0.5 秒出现",它直接改 HTML,重新预览,四轮迭代搞定。

最终渲染:

npx hyperframes render --output launch-01.mp4

无头 Chrome 驱动这个构图,FFmpeg 合成音轨,MP4 落到项目目录里。我的 M2 Mac 上跑了 47 秒。没消耗积分,没水印。输出质量真的是广播级——正经的 1080x1920,色彩准确,音画对位。

它第一天就替代的三种营销活

第一个广告做完,我接着用它的原因是:

批量生产,从一个电子表格开始。 我有一个 CSV,12 行,每行产品名 + 三行价值主张。我写了个 Node 脚本:读 CSV,给每行调用一次 Hyperframes CLI(命令行工具),传入模板 HTML 和该行的变量,渲染 12 个变体。11 分钟。同一个模板,不同文案。以前这种活要在 After Effects 里耗一整个周一。

A/B 测试,只测钩子层。 借助 HeyGen Studio 的"模板变量"功能,我给同一个产品演示生成了五个开头钩子——"如果你能……你会……"、"刷到这条别划走……"、"多数营销人都会犯的一个错……"、"三秒钟,只要三秒钟,你就能……"、"我试了 30 天,结果是……"——每条单独渲染成 MP4。五个广告,一次剪辑。

给销售做内部产品讲解视频。 销售要一个 60 秒的新版仪表盘讲解。我把每个标签页截图,PNG 丢进 Hyperframes 构图里,1.5 秒淡入切换,配一段 ElevenLabs 生成的配音。一个下午搞定。确定性的渲染意味着每个销售拿到的讲解视频在像素级别完全一致。

它做不好的地方

我得直说:Hyperframes 不是每个营销团队都该用的。你至少得有一个人熟悉 HTML、Git、命令行。动画基元很强,但不是 Adobe 那种所见即所得(WYSIWYG)——开源包里没有拖拽式时间线编辑器(云端 Studio 是 HeyGen 另一个付费产品)。如果你团队里没人能 prompt 一个 agent、用类似 JSON 的心智模型去构思视频,这个东西就只能在角落里吃灰。

另外,它不生成镜头。如果你的活动需要真人、真产品、真厨房里的真实素材,Hyperframes 这层完全错位。这种需求的正确组合还是:Sora 或 Runway 出素材,然后 Hyperframes 做组装和模板化。这个组合我还没真试,但显然就是下一步要做的实验。

关于 agent 集成,有一件事值得知道

框架目前是 0.4.41 版本,agent skills 还在快速演进。2026 年 5 月的发布加了一个社区广场用来分享构图、一个纹理和着色器(shader)目录、一个能实时微调构图的 Live Inspector,还有 15 套开源字幕样式,一条命令就能装。如果你下个月用的时候觉得哪里有点糙,这就是原因。框架本身已经够格今天就用进生产,完善的 UI 还要再等一两个月。

但真正让我记住的,是它的成本结构。我渲染的 12 条视频,成本相当于一杯咖啡的电费,零订阅费。对一个独立营销人或者一个季度要做几百条创意变体的小团队来说,这个账会改变你能负担的实验边界。我不会全面替换 HeyGen Studio 或 After Effects。但凡是看起来像"同一个模板我们要很多变体"的活,Hyperframes 已经是我的第一站。