← 工具

Hyperframes

HeyGen 出品的 HTML 转视频开源框架,用 HTML 和 CSS 编写视频内容,AI Agent 直接调用渲染引擎生成 MP4。支持动画、字幕和多轨道合成,出海产品视频内容生产利器,Stars 19K+

#51
推荐排名
19,321
GitHub Stars
13,525
推荐得分
产品视频制作 / AI Agent 视频生成
适用场景
AI工具AI应用自动化前端开源

为什么需要

出海做产品,视频是获客的核心手段。产品介绍、社交媒体内容、demo 演示都需要视频。传统做法是录屏 + 剪辑软件,一个人搞半天。Hyperframes 让你用 HTML 写视频——就像写网页一样写视频内容,AI Agent 可以直接调用生成 MP4。

怎么用

bash
npm install @heygen/hyperframes

用 HTML + CSS 定义视频内容,支持 GSAP 动画、字幕叠加、多轨道合成。通过 MCP 协议,AI 编程助手可以直接在 IDE 里生成视频。

注意事项

  • 免费开源(Apache-2.0 协议)
  • HeyGen 团队出品,视频渲染质量有保障
  • 依赖 ffmpeg 和 Puppeteer,需要 Node.js 环境
  • 适合产品 demo、社交媒体内容等短视频场景