Codex + Hyperframes 口播视频制作工作流

Source: (unknown)

Summary

博主分享了一套用 Codex（Claude Code）结合 Hyperframes 技能制作知识类口播视频的工作流。Hyperframes 本质上是基于 HTML 的帧动画生成工具，把多个网页截图拼接成具有动态效果的视频素材。通过给 Codex 提供脚本提示词，AI 会自动调用 Hyperframes 完成场景设计、UI 布局编排和最终视频合并，输出带进度条和交互动画的竖版短视频。该方案特别适合知识博主制作经济学、概念解说等口播视频，显著降低后期剪辑负担。

Key Points

• Hyperframes 是基于 HTML 的帧动画工具，将多个网页截图拼接为连贯动态视频，在 Codex 内作为 Skill 安装使用
• FFMPEG 用于最终合并各帧素材，同样在 Codex 中通过指令自动安装
• 工作流：提供脚本 + 提示词 → Codex 解析时间线 → 设计 UI/场景 → 生成素材 → 合并输出完整视频
• 支持 16:9 和 9:16 两种格式，适合横屏知识视频和竖屏数评格式
• 视频上半部分排布内容动画，下半部分留白给口播录像，便于后期合轨剪辑

Transcript

transcript