Opus 5.5 makes a video comparing HyperFrames and Remotion
The author used Opus 5.5 to produce a video explaining the difference between HyperFrames (web-style layout) and Remotion (React frame-by-frame rendering) and when to use each.
用 Claude Code、Codex 做自动化视频，常用的两个工具：HyperFrames 和 Remotion 有什么区别？ 它们都可以让 Agent 写代码、调动画、导出 MP4。怎么选？先看它们底层的开发思路。 1. 底层有什么不同？ HyperFrames：把视频当网页来做。 它是 HeyGen 开源的视频框架。文字、图片、卡片用 HTML 和 CSS 排版，再用 GSAP 等动画工具控制什么时候出现、怎么运动。 修改时也像改网页：调字号、挪位置、改进场动画，然后在浏览器里预览。工程以 HTML 文件为核心，不需要先搭一套 React 应用。 Remotion：用 React 组件把每一帧算出来。 它通过 `useCurrentFrame()` 获取当前帧，再计算这一刻的画面：数字涨到多少、图形移到哪里、产品转到什么角度。 这种方式更接近开发应用：把画面拆成可复用组件，再用数据控制内容和变化。需要遵循 React 和逐帧渲染的规则，也能复用 React 生态里的工具。 2. 分别适合什么场景？ 从创作需求出发，我会这样选： | 资讯、教程、口播科普，主要展示文字和截图 | HyperFrames | | 产品发布、功能演示，经常调整排版与进场动画 | HyperFrames | | 榜单周报、批量营销短片，同一模板反复换数据 | Remotion | | 三维产品镜头、按数据或公式变化的图形 | Remotion | | 把视频制作功能接进自己的网站或应用 | Remotion | 本视频由 Opus 5.5 直出，效果还不错⬇️ Opus 5.5的思路： 整片用 HyperFrames 编排：每个场景一个子合成，`index.html` 负责排布场景和字幕。几个局部镜头先用 Remotion 渲染成 MP4，再放进 HyperFrames