Motion Skills
← 教程

HyperFrames 与 Remotion:AI 做视频该选哪个引擎?

两者都能让 Agent 用代码写视频并渲染成 MP4,区别在于 Agent 要写的是什么,以及许可证。

HyperFrames

  • 写什么: HTML、CSS 和 GSAP 时间轴,Agent 本来就写得很熟练。
  • 渲染: CLI(npx hyperframes render)驱动无界面 Chrome 和 FFmpeg 逐帧渲染,结果可复现。
  • 为 Agent 设计: check 会做语法、运行时、排版、动效和对比度检查;snapshot 能截取静帧,让 Agent 在渲染前先看看自己的成果。
  • 许可证: Apache 2.0,可免费商用。github.com/heygen-com/hyperframes

Remotion

  • 写什么: React 组件,配合按帧计算的 Hook(useCurrentFrame)。
  • 优势: 生态成熟,擅长大规模的数据驱动、程序化视频,支持在 Lambda 上做服务端渲染。
  • 许可证: 个人和 3 人以内的公司免费;规模更大的公司需要购买公司许可。

我们选择了哪个

首批所有 Skill 都基于 HyperFrames。HTML 和 CSS 让模板可读、好手改,内置检查能及早发现排版问题,Apache 许可证也意味着在工作中使用时无需额外付费。

如果你的团队已经在用 React 和 Remotion,同样的动效思路也完全适用。决定视频好坏的是手艺(节奏、字体、缓动、克制),而不是引擎。