# HyperFrames - 用 HTML 写视频、AI Agent 友好的开源渲染框架

> HeyGen 推出的开源视频渲染框架，通过 HTML + data attributes 定义视频时间轴，支持 GSAP/Lottie/CSS 动画，一键渲染为确定性 MP4，适合开发者与 AI Agent 自动化生成视频

HyperFrames 是 HeyGen 团队推出的开源视频渲染框架。它允许开发者用熟悉的 HTML/CSS/JS 技术栈来定义视频，通过 data attributes 控制元素的出现时间、持续时长和轨道层级，无需学习复杂的视频剪辑软件或专有格式。

核心特性：
- **HTML 即视频**：用 Web 技术写视频，支持 GSAP、Lottie、CSS 动画
- **确定性渲染**：基于 headless Chrome + FFmpeg 逐帧捕获，相同输入永远输出相同结果
- **AI Agent 友好**：纯 HTML 组合，LLM 可直接生成；CLI 非交互式设计，方便自动化流水线调用
- **丰富组件库**：内置 50+ 现成组件（社交覆盖层、Shader 转场、数据可视化、电影级特效）

只需 `npx hyperframes render --output demo.mp4` 即可将 HTML 渲染为 MP4。

---

**分类**：源码
**标签**：视频 · HTML · 渲染
**作者**：Xiao.Xi
**链接**：https://octohz.com/p/1523