### [HyperFrames – 让AI Agent写HTML并渲染确定性MP4视频](https://www.zuoshipin.com/)

**Published:** 2026-09-07T15:39:01

**Author:** 天才交易员

**Excerpt:** HyperFrames是HeyGen开源的Agent原生视频框架，使用HTML、CSS、媒体与可定位动画描述画…

## 产品定位

**HyperFrames是一套让AI Agent以“写代码”的方式制作视频的开源工具链。**视频不再只是时间线里的鼠标操作，而是可以版本管理、复用、检查和自动渲染的HTML工程。

## 工作原理

创作者或Agent使用HTML、CSS、图片、视频、音频和可定位动画描述每个画面。渲染器在无头Chromium中精确跳到每一帧并捕获，再由FFmpeg编码，因此相同输入可以得到稳定、可复现的输出。

## 核心功能

-   **Agent原生：**Codex、Claude Code等工具可直接创建和修改视频工程。
-   **确定性渲染：**适合需要反复修改文案、数据、配色和多语言版本的商业内容。
-   **网页技术栈：**可利用HTML/CSS布局、JavaScript与动画库构建动态视觉。
-   **素材组合：**把图片、视频、音频、字幕和动态图形放进同一可编程时间结构。
-   **Skills生态：**提供创意、动画、音乐、素材与命令行等分工明确的工作流。

## 基本使用流程

1.  准备Node.js、Chromium与FFmpeg等项目依赖。
2.  安装HyperFrames及所需Skills，让Agent读取项目规范。
3.  明确画幅、时长、帧率、品牌规范、文案、素材和交付格式。
4.  让Agent生成HTML场景与动画，先在预览中检查节奏和安全区域。
5.  渲染MP4并检查字体、音画同步、版权素材和最终编码参数。

## 适合与不适合

适合产品介绍、数据可视化、动态图表、字幕包装、社交视频和批量模板。它不等于文生视频模型，也不擅长直接生成高度写实的自由镜头；更适合追求可控、可复现和可批量修改的动态图形内容。

## 费用与许可

核心项目开源，但云端渲染、HeyGen Video Agent、第三方模型、配音和素材服务可能单独收费。商业使用前应检查仓库许可、依赖许可及素材授权。



---