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,请按安装步骤在你自己的电脑上运行。

144/2000

比例

生成的视频

暂无视频

填写表单并点击生成视频,创建你的第一个 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. 1

    检查 Node.js 和 FFmpeg

    README 要求 Node.js 22 或更高版本,以及 PATH 上的 FFmpeg。

    node -v
    ffmpeg -version
  2. 2

    搭建一个项目

    README 的起始命令。my-video 是他们示例中的文件夹名。

    npx hyperframes init my-video
  3. 3

    在浏览器中预览

    在项目目录内执行。

    npx hyperframes preview
  4. 4

    渲染一个 MP4

    README 展示 render 写出一个本地文件。-o 形式是 CLI readme 的输出标志。

    npx hyperframes render -o output.mp4

README 点名的包

链接指向 GitHub 目录树。版本会变动;应以 README 的列表为准。

包作用README 中的状态位置
hyperframesCLI:init、preview、lint、render可用仓库根目录
@hyperframes/engineChrome 采集与 FFmpeg 编码可用packages/engine
@hyperframes/producer采集、编码和音频混合流水线可用packages/producer
@hyperframes/core类型、解析器和帧适配器可用packages/core

选择和任务匹配的工具

01

可以做差异对比的标记

HyperFrames 用于帧来自你可以提交的 HTML 的视频。一句提示词不会变成那个项目。

02

由你来操作 Chrome 和 FFmpeg

README 的本地路径在你的机器或 CI 中运行。Nano AI 不会打开一个 HyperFrames 渲染队列。

03

表单是另一个产品

Veo 3.1 Fast 从一句话生成一条片段。它花费 60 积分。它不能代替 index.html 的渲染器。

04

在仓库里读许可证

README 说是 Apache-2.0。适用的文本是仓库中的许可证文件,不是这段摘要。

HyperFrames 与本页上的生成器

HyperFrames 一列依据 2026 年 10 月 31 日读到的 GitHub README。Veo 一列是 Nano AI 实际运行的内容。

HyperFramesNano AI 上的 Veo 3.1 Fast
输入HTML、CSS、媒体、可寻址动画一段文字提示词
输出由采集帧得到的 MP4一条生成的片段
在哪里运行你的 Node 进程本网站
确定性同一输入、同一帧,按 README每次都是新的一次采样
本站价格不在 Nano AI 上出售60 积分

如果改为制作一条生成的片段

  1. 1

    仅在你想要生成片段时使用这里

    留在 Veo 3.1 Fast。价格是 60 积分。这不会编译一个 HyperFrames 项目。

  2. 2

    描述一个镜头

    选择下面的提示词或修改它。保持在地点、光线和镜头运动。

  3. 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。