Codex + HyperFrames 拆解抖音爆款,零基础也能做出高级感图书号

今天我就来出一篇长文,教大家如何一步步拆解抖音爆款视频,并固定一套工作流,从而让自己也拥有用 AI 制作视频的能力。

1. 准备工作

首先,大家一定要把工具装配好:

你需要有一个像 Codex 这样的 Agent。
之后去插件库安装两个工具:
- Hyperframes:用 HTML 的形式去制作视频,非常适合做企业宣讲、数据动效或者展示类视频。
- Remotion:用 React 写的,实现了视频代码化。当你固定一个主题风格后,非常适合通过代码化进行高度复制。很多博主用 Remotion 制作类似“小 Lin 说”风格的动画,配合口播视频的效果非常好。

另外,还可以安装一些 Skills(技能) 来辅助拆解。如果你想了解一个爆款视频的结构,比如前几秒如何吸引观众、声音效果如何、旁白与画面的节奏是怎样的,可以通过以下 Skills 进行拆解和复刻:

Claude Video:用于拆解视频流程,方便下一步复刻。
Video Use:非常推荐剪辑小白安装。它就像一位“视频剪辑导演”,能够根据你的需求调用相应的工具。对于不知道什么时候该用什么工具的新手来说,它扮演了导演大师的角色。

以上就是我们要做的准备工作。

用 Codex + HyperFrames 做视频可以按照这个顺序来:

先定视频规格:比如 30 秒、9:16、中文、知识类、图书介绍、发布平台。
写旁白脚本:先让 Codex 写 30 秒中文旁白,不要急着做画面。
确认视觉风格:比如 dark editorial knowledge video、高级知识类、深色背景、书封面主视觉、轻微镜头推进。
做 timestamp 分镜:把旁白拆成 4-6 个画面段落,每段对应一句核心信息。
准备素材:书封面、标题、关键词、logo、背景音乐、配音文本。
生成配音:可以用 Edge TTS、ElevenLabs,或者 HyperFrames media 相关流程。
转写配音:用最终音频转 transcript,不手动猜字幕时间。
创建 HyperFrames composition:写 index.html,用正确的 data-start / data-duration / data-track-index。
做字幕:根据 transcript 自动同步字幕。
preview:先看预览,不直接渲染最终视频。
validate / inspect:检查报错、字体、布局溢出、字幕遮挡。
render MP4:确认没问题后再渲染。

以上是一个大概的步骤。其实很多环节都不需要我们人工参与,所以大家了解一下这些大致步骤就好了,人工参与的部分其实不多。

首先,我们需要用 Claude Video 去拆解视频的结构。我做的拆解是一个图书号,所以它的结构非常简单:前几秒需要留住观众,然后对书籍进行介绍或者书评。

接下来的旁白稿生成步骤如下:

收集信息
- 用 Codex 收集图书信息。
- 调用微信读书的 Skills 连接,查看大家经常划线的部分和评语。
- 让 Codex 搜索一些著名的书评。
生成介绍 让 Codex 基于书籍事实生成一份介绍。这份介绍在自媒体平台上一定要“去 AI 味”,可以根据自己审美需求调整,具体要求包括:
- 不要出现“不是……而是……”这类典型的 AI 表达。
- 避免排比感太强的句式。
- 表达要流畅自然,平铺直叙地讲述书籍,而不是以一种傲慢的口吻去介绍。

这部分需要我们基于以下两点来操作: