heygen-com/hyperframes · HTML 转 MP4 · Apache-2.0
HyperFrames GitHub:在你自己的机器上把 HTML 渲染成视频
HyperFrames 是位于 github.com/heygen-com/hyperframes 的开源项目。它的 README 描述了一个渲染器,用无头 Chrome 和 FFmpeg 把 HTML、CSS 和可寻址的动画变成 MP4。它不是 AI 视频模型,也不是 HeyGen 托管的虚拟形象产品。Nano AI 不会替你安装它。
下方生成器以每条片段 60 积分运行 Veo 3.1 Fast。那是生成的视频,不是 HyperFrames 渲染。要使用 HyperFrames,请按安装步骤在你自己的电脑上运行。
比例
生成的视频
暂无视频
填写表单并点击生成视频,创建你的第一个 AI 视频。
提示:使用详细描述可获得更好的效果
- 开发方
- HeyGen
- 本站可用
- Veo 3.1 Fast · 每条视频 60 积分起
- 页面更新
- 2026年10月31日
信息来源: github.com
HyperFrames GitHub 仓库是什么
仓库 README 说,一个合成是带有时间数据属性的 HTML 文件。动画可以来自 GSAP、CSS、Lottie、Three.js、Anime.js、WAAPI,或你自己写的帧适配器。预览在浏览器中运行。渲染在无头 Chrome 中逐帧寻址,再用 FFmpeg 编码,因此同一份输入应当产出相同的帧。README 把许可证列为 Apache-2.0,并说开源项目不按次收取渲染费。
同一页说 CLI 需要 Node.js 22 或更高版本,以及 FFmpeg。它展示的命令是 npx hyperframes init、npx hyperframes preview 和 npx hyperframes render。那里点名的包包括 hyperframes、@hyperframes/core、@hyperframes/engine、@hyperframes/producer、@hyperframes/studio 和 @hyperframes/player。engine 包的 README 说,采集通过 Puppeteer 和 Chrome 的 beginFrame API 进行。这些是 2026 年 10 月 31 日读到的仓库陈述。本站没有重新运行该渲染器。
如果你要的是生成的片段而不是 HTML 渲染,本页表单以 60 积分调用 Veo 3.1 Fast。该请求不会执行 HyperFrames,不会读取 index.html,也不会从你的标记产出确定的帧序列。
HyperFrames GitHub 速览
- 仓库
- github.com/heygen-com/hyperframes
- 它做什么
- 把 HTML 合成渲染成 MP4
- 许可证,按 README
- Apache-2.0
- 运行环境,按 README
- Node.js 22 或更高版本,外加 FFmpeg
- 采集
- 无头 Chrome,然后是 FFmpeg
- CLI 示例
- npx hyperframes init, preview, render
- 在 Nano AI 上
- 未安装。表单运行 Veo 3.1 Fast
- Veo 价格
- 每条片段 60 积分
按 README 安装 HyperFrames
命令复制自 2026 年 10 月 31 日读到的项目 README。在你的电脑上运行。Nano AI 不运行它们。
- 1
检查 Node.js 和 FFmpeg
README 要求 Node.js 22 或更高版本,以及 PATH 上的 FFmpeg。
node -v ffmpeg -version - 2
搭建一个项目
README 的起始命令。my-video 是他们示例中的文件夹名。
npx hyperframes init my-video - 3
在浏览器中预览
在项目目录内执行。
npx hyperframes preview - 4
渲染一个 MP4
README 展示 render 写出一个本地文件。-o 形式是 CLI readme 的输出标志。
npx hyperframes render -o output.mp4
README 点名的包
链接指向 GitHub 目录树。版本会变动;应以 README 的列表为准。
| 包 | 作用 | README 中的状态 | 位置 |
|---|---|---|---|
| hyperframes | CLI:init、preview、lint、render | 可用 | 仓库根目录 |
| @hyperframes/engine | Chrome 采集与 FFmpeg 编码 | 可用 | packages/engine |
| @hyperframes/producer | 采集、编码和音频混合流水线 | 可用 | packages/producer |
| @hyperframes/core | 类型、解析器和帧适配器 | 可用 | packages/core |
选择和任务匹配的工具
可以做差异对比的标记
HyperFrames 用于帧来自你可以提交的 HTML 的视频。一句提示词不会变成那个项目。
由你来操作 Chrome 和 FFmpeg
README 的本地路径在你的机器或 CI 中运行。Nano AI 不会打开一个 HyperFrames 渲染队列。
表单是另一个产品
Veo 3.1 Fast 从一句话生成一条片段。它花费 60 积分。它不能代替 index.html 的渲染器。
在仓库里读许可证
README 说是 Apache-2.0。适用的文本是仓库中的许可证文件,不是这段摘要。
HyperFrames 与本页上的生成器
HyperFrames 一列依据 2026 年 10 月 31 日读到的 GitHub README。Veo 一列是 Nano AI 实际运行的内容。
| HyperFrames | Nano AI 上的 Veo 3.1 Fast | |
|---|---|---|
| 输入 | HTML、CSS、媒体、可寻址动画 | 一段文字提示词 |
| 输出 | 由采集帧得到的 MP4 | 一条生成的片段 |
| 在哪里运行 | 你的 Node 进程 | 本网站 |
| 确定性 | 同一输入、同一帧,按 README | 每次都是新的一次采样 |
| 本站价格 | 不在 Nano AI 上出售 | 60 积分 |
如果改为制作一条生成的片段
- 1
仅在你想要生成片段时使用这里
留在 Veo 3.1 Fast。价格是 60 积分。这不会编译一个 HyperFrames 项目。
- 2
描述一个镜头
选择下面的提示词或修改它。保持在地点、光线和镜头运动。
- 3
开始生成
登录。符合条件的新账号获赠 64 积分,可以覆盖一条 Veo 3.1 Fast 片段。从我的作品下载文件。
只用于 Veo 片段的提示词
这些不会渲染 HTML。要用 HyperFrames,请使用安装步骤和你自己的合成。
台灯
A wooden desk at night, one warm lamp, a closed sketchbook, the camera pushes in slowly, quiet room tone, no people, no readable text, no logos.
温室
Inside a small greenhouse after rain, droplets on glass, ferns, soft green light, the camera pans left, no people, no readable text.
渡轮尾迹
The wake of a small ferry on grey water, overcast sky, the camera looks back from the stern, no people visible, no readable text, no logos.
钟表齿轮
Macro shot of brass clock gears turning slowly, warm side light, shallow depth of field, no people, no readable numbers, no logos.
CLI 无法启动时
- Node 低于 22
- README 和 engine 包都说需要 Node.js 22 或更高版本。升级 Node,然后再运行 npx。
- ffmpeg 不在 PATH 上
- 渲染用 FFmpeg 编码。安装它,并在同一个 shell 里确认 ffmpeg -version 可用。
- 你以为会有一个提示词框
- HyperFrames 不会从一句话发明镜头。本页上的 Veo 表单会,它是另一个产品,60 积分。
常见问题
HyperFrames GitHub 常见问题
来自仓库 README 的回答,以及关于本页生成器的另一则说明。
HyperFrames 是 AI 视频模型吗?
不是。README 描述的是渲染器:输入 HTML,在 Chrome 中采集帧,经 FFmpeg 输出 MP4。它不会根据提示词发明画面。
GitHub 仓库在哪里?
https://github.com/heygen-com/hyperframes。组织名是 heygen-com。这并不使 Nano AI 成为 HeyGen 的产品。
我需要安装什么?
README 要求 Node.js 22 或更高版本以及 FFmpeg,然后是 npx hyperframes init、preview 和 render。本页没有替你执行这些命令。
它使用什么许可证?
README 说是 Apache-2.0。在基于它发布产品之前,请阅读仓库中的 LICENSE 文件。
我能在 Nano AI 上渲染一个 HyperFrames 项目吗?
不能。表单以 60 积分运行 Veo 3.1 Fast,并返回一条生成的片段。它不接受 HTML 合成。
Nano AI 与 HeyGen 有隶属关系吗?
没有。Nano AI 与 HeyGen 或 HyperFrames 没有隶属关系。链接仓库是为了让你去读它。生成器是 Veo 3.1 Fast。
相关页面
Nano AI 是独立服务,与 HeyGen 或 HyperFrames 没有隶属关系。仓库事实来自 2026 年 10 月 31 日读到的 github.com/heygen-com/hyperframes,包括 README 中的 Apache-2.0 声明。本页的生成器运行 Veo 3.1 Fast,不会渲染 HTML。
