HyperFrames — 用 HTML 替代视频剪辑
把视频后期从「剪辑软件」换成「前端代码生成 HTML/GSAP 帧」 — Codex 一次性写好,ffmpeg 渲染,告别剪映/Premiere。
主张
视频剪辑是一个时间黑洞,因为剪辑软件不是 AI-ready 的。 HyperFrames 的洞察:所有视频本质上都是「一系列帧」,而帧可以是 HTML。
工作流:
- 脚本生成 — Codex/Claude Code 读你的口播文稿
- 帧生成 — 输出一组 HTML 文件,每帧包含字幕 / 图形 / 动画(GSAP)
- 渲染 — Puppeteer 截图 → ffmpeg 拼成 mp4
- 配音 — TTS / 你的录音轨
结果:一个 3 分钟视频从 2 小时剪辑变成 10 分钟生成。
这套范式跟 codex 强绑定 — Codex 是这个工作流的「导演」。
为什么重要
- 对你(KOL):视频产出速度直接挂钩收入,HyperFrames 把你的瓶颈从「剪辑工时」换成「创意密度」
- 对 vault:这是
10-Projects/video-automation项目的核心方法,应该立刻物化成项目目录
关键发现
- 苹果发布会风格 / 赛博朋克 HUD 等 7 种玩法已开源
- Codex × HyperFrames 工作流 把「手工剪辑」变成「可复用模板」
- 剪映/Premiere → HyperFrames 的迁移成本主要在「用代码思考视频」这种思维转换
连接
- codex — 主要驱动 agent
- claude-code — 互审 / 协调
- agent-orchestration — HyperFrames 是多 agent 工作流的典型应用
- MOC: video-automation
待深挖
- ✋ HyperFrames 适合所有视频类型吗?(竖屏 vs 横屏 / 口播 vs 实拍)
- ✋ GSAP 之外的动画库(Lottie / Rive)能不能接入?
- ✋ 中文 TTS 哪家最适合配 HyperFrames?
Evidence(6 篇引用)
- rednote_20260520_Claude_Code国内安装_剪视频_Skill已开源
- rednote_20260503_还需要剪辑_Codex生成3分钟视频完整工作流
- douyin_20260501_从代码到成片_HyperFrames_打通_Codex_视频_现在_HyperFrames_已成为_C
- douyin_20260517_HyperFrames的7种玩法_HyperFrames_AI视频生成_苹果发布会风格_赛博朋克HUD
- rednote_20260505__我的_Codex_HyperFrames_短视频工作流_本质上是把知识口播从_手工剪辑_变成一套可复
- rednote_20260503__我的_Codex_HyperFrames_短视频工作流_本质上是把知识口播从_手工剪辑_变成一套可复
这是一个 budding 概念页。