开源发现

HeyGen 近期开源了 HyperFrames，一个面向 AI Agent 的 HTML 视频渲染框架。项目的核心理念非常直接：既然大模型天然擅长生成 HTML，那么视频创作也可以建立在 HTML 之上，而不是依赖传统时间轴软件或 React 组件体系。HyperFrames 允许开发者或 AI Agent 编写 HTML 页面，通过框架完成预览、动画控制与最终视频渲染。citeturn1search0turn0reddit14

真正值得关注的是工作流，而不是单次生成

这类工具的价值不只是“自动做一个视频”，而是把视频变成可版本化、可复用、可由 Agent 修改的工程文件。对内容团队来说，脚本、画面、字幕和节奏都能被拆成结构化步骤，后续改文案或换语言时成本会更低。

需要注意的是，HTML 驱动的视频并不天然等于高质量成片。品牌视觉、镜头节奏、版权素材和导出性能仍然需要人来把关，尤其是商业宣传片和高曝光内容。

用 HTML 作为视频创作语言

HyperFrames 将视频定义为一个普通 HTML 页面，开发者可以直接使用 HTML、CSS、GSAP、Three.js、Lottie 等技术描述动画和场景。随后框架驱动 Chromium 与 FFmpeg 进行逐帧捕获，并输出确定性的 MP4 视频。相同输入始终生成相同结果，这对于自动化内容生产和 Agent 工作流非常重要。citeturn1search0turn1search6turn0reddit14

项目团队认为，大模型天生会写 HTML，因此相比要求 AI 学习复杂的视频编辑软件，直接让 Agent 输出 HTML 更符合当前 AI 编程的发展方向。Claude Code、Cursor、Gemini CLI、Codex 等工具都可以通过官方 Skill 直接生成符合 HyperFrames 规范的视频项目。citeturn1search0turn0reddit13

与 Remotion 不同的路线

HyperFrames 明确将自己定位为 Remotion 的另一种实现思路。

两者都基于浏览器渲染与 FFmpeg 编码，但 Remotion 的核心创作方式是 React 组件，而 HyperFrames 选择原生 HTML。开发团队表示这样可以避免构建步骤，同时降低 AI Agent 的生成难度。项目采用 Apache 2.0 开源协议，可免费用于商业场景。citeturn1search0turn1search2

目前项目已经包含多个核心模块，包括 CLI、渲染引擎、浏览器版 Studio 编辑器、播放器组件以及 Shader 转场库。官方还提供超过 50 个可直接复用的视频组件和动画模块。citeturn1search0

开源项目也在展示自己的制作过程

与很多开源工具不同，HeyGen 还同步开放了 HyperFrames Launches 仓库，用来公开官方产品宣传视频的源代码与工程结构。开发者不仅能够学习框架本身，也可以直接研究官方视频的制作方式并进行二次修改。citeturn1search9

为什么值得关注

过去一年，AI 视频生成领域大多聚焦于文本生成视频模型，而 HyperFrames 选择了另一条路径：把视频当作可编程内容。对于需要批量生成营销视频、产品介绍、数据可视化视频以及自动化内容生产的团队而言，这种 HTML 到视频的工作流更容易接入现有开发体系。

从 GitHub 数据来看，HyperFrames 已经成为 HeyGen 旗下最受关注的开源项目之一，并且仍保持快速迭代，近期版本持续更新 Studio 编辑器、云渲染能力以及 Agent 集成功能。真正值得关注的并不是又一个视频工具，而是 AI Agent 是否会把视频创作逐步带入“代码生成内容”的新阶段。citeturn1search4turn1search3