用 Codex + Hyperframes 拆解抖音爆款视频工作流 ✍ Serena🕐 2026-07-05📦 10.1 KB 🟢 已读 𝕏 文章列表 本文详细介绍了利用 Codex 和 Hyperframes 拆解并复刻抖音爆款视频的完整工作流。内容涵盖从工具准备、视频规格定义、旁白脚本生成、TTS 音频处理(使用剪映/Codex 优化磁性人声),到利用 Hyperframes 进行代码化视频生成及字幕对齐的全过程。作者强调通过 AI Agent 实现自动化批量生产,降低自媒体创作门槛,帮助普通人利用 AI 技术在视频领域获取收益。 CodexHyperframes工作流TTS视频剪辑自媒体AIGCRemotion教程抖音 # Codex + Hyperframes:拆解抖音爆款 - 吃上自媒体这碗饭! **作者**: Serena **日期**: 2026-07-03T11:53:25.000Z **来源**: [https://x.com/369Serena/status/2073398014333321498](https://x.com/369Serena/status/2073398014333321498) ---  之前我尝试用 Codex 和 Hyperframes 拆解了抖音一个图书号的爆款视频, 其中声音效果得到了大家比较一致的好评。 今天我就来出一篇长文,教大家如何一步步拆解抖音爆款视频,并固定一套工作流,从而让自己也拥有用 AI 制作视频的能力。 > **Serena@369Serena**: [原文链接](https://x.com/369Serena/status/2073012234184282287) > > 用 Codex + HyperFrames 做图书介绍视频第二版来了! > 参考的抖音博主我放在评论区了,大家帮我看看这个版本如何?Codex 把声音处理的很完美,很有故事感。 > 参考流程:把抖音博主视频喂给 Codex 分析,分析好后准备素材,HyperFrames > >  # 1. 准备工作 首先,大家一定要把工具装配好: 1. 你需要有一个像 Codex 这样的 Agent。 2. 之后去插件库安装两个工具: (a) Hyperframes:它是用 HTML 的形式去制作视频,非常适合做企业宣讲、数据动效或者展示类视频。 (b) Remotion:它是用 React 写的,实现了视频代码化。当你固定一个主题风格后,非常适合通过代码化进行高度复制。我看到很多博主用 Remotion 制作类似“小Lin说”风格的动画,配合口播视频的效果非常好。 另外,大家还可以安装一些 Skills(技能)来辅助拆解。如果你想了解一个爆款视频的结构,比如前几秒如何吸引观众、声音效果如何、旁白与画面的节奏是怎样的,可以通过以下 Skills 进行拆解和复刻: 1. Claude Video:用于拆解视频流程,方便下一步复刻。 2. Video Use:我非常推荐剪辑小白安装。它就像一位“视频剪辑导演”,能够根据你的需求调用相应的工具。对于不知道什么时候该用什么工具的新手来说,它扮演了导演大师的角色。 以上就是我们要做的准备工作。 # 2. 视频制作流程 用 Codex + HyperFrames 做视频可以按照这个顺序来: 1️⃣先定视频规格 比如:30 秒、9:16、中文、知识类、图书介绍、放 X / TikTok / 小红书。 2️⃣写旁白脚本 先让 Codex 写 30 秒中文旁白,不要急着做画面。 3️⃣确认视觉风格 比如:dark editorial knowledge video、高级知识类、深色背景、书封面主视觉、轻微镜头推进。 4️⃣做 timestamp 分镜 把旁白拆成 4-6 个画面段落,每段对应一句核心信息。 5️⃣准备素材 书封面、标题、关键词、logo、背景音乐、配音文本。 6️⃣生成配音 可以用 Edge TTS、ElevenLabs,或者 HyperFrames media 相关流程。 7️⃣转写配音 用最终音频转 transcript,不手动猜字幕时间。 8️⃣创建 HyperFrames composition 写 index.html,用正确的 data-start / data-duration / data-track-index。 9️⃣做字幕 根据 transcript 自动同步字幕。 🔟preview 先看预览,不直接渲染最终视频。 1️⃣1️⃣validate / inspect 检查报错、字体、布局溢出、字幕遮挡。 1️⃣2️⃣render MP4 确认没问题后再渲染。 以上是一个大概的步骤。其实很多环节都不需要我们人工参与,所以大家了解一下这些大致步骤就好了,人工参与的部分其实不多。 # 3. 首次需要人工参与拆解视频+旁白稿生成 现在我们要来拆解视频。 首先,我们需要用到 Claude Video 去拆解视频的结构。我做的拆解是一个图书号,所以它的结构非常简单:前几秒需要留住观众,然后对书籍进行介绍或者书评。 接下来的旁白稿生成步骤如下: 1. 收集信息: (a) 用 Codex 收集图书信息。 (b) 调用微信读书的 Skills 连接,查看大家经常划线的部分和评语。 (c) 让 Codex 搜索一些著名的书评。 2. 生成介绍: 让 Codex 基于书籍事实生成一份介绍。这份介绍在自媒体平台上一定要“去 AI 味”,可以根据自己审美需求调整,具体要求包括: (a) 不要出现“不是……而是……”这类典型的 AI 表达。 (b) 避免排比感太强的句式。 (c) 表达要流畅自然,平铺直叙地讲述书籍,而不是以一种傲慢的口吻去介绍。 这部分需要我们基于以下两点来操作: 1. 基于之前拆解的视频结构 2. 我们自己需要做一个把关,审核文案是否可行 生成好了之后,大家可以把这次用 Codex 从书籍收集到整理的内容形成一个 Skills。这样以后,旁白的文案都是可以复用的。 这一切都要让 Codex 基于事实去写。这样操作后,它会给我一份旁白稿,我们就完成了第一份整体的旁白稿制作。 # 4. 音频 TTS 文件处理:拥有自然磁性的声音 那旁白好了之后,其实另一个大部分的工作,目前我还没有做到自动化,还没来得及去连语音生成的 API。 但是我觉得是可以做到的,所以我先写出来,如何去调节语音,让它变得更自然,产生更磁性、更有故事感的声音。 我之前在推文当中也分享过,我使用了 Codex 推荐给我的 ElevenLabs。它里面的英文声音真的是很完美,各个国家的声音都可以找到。 但是我在使用中文语音生成音频的时候,发现它不太能识别中文,读起来会有很多错字。这种情况下,已经不是 AI 味的问题了,而是根本没法用。Codex 给到我的解决方案是:可以先用剪映或者是火山引擎的 API。 因为我手里还没有火山引擎的 API,所以就先用了一下电脑目前有的剪映 App。 其实我的做法非常简单: 1. 首先新建一个项目,然后找到文本选项 2. 使用“文本生成音频”功能,选一个我觉得还不错的声音 3. 直接把旁白文案复制进去,点击生成 4. 最后把语音导出来(剪映只能导出 MP4 文件) 5. 我会把这个 MP4 文件喂给 Codex 基于之前 Codex 对声音的分析,我会要求它帮我把声音处理得像对标视频一样自然、有故事感且富有磁性。 Codex 处理声音的流程与方法如下: 1. 自动分析:Codex 会先分析原视频的声音参数,并对照我提供的 MP4 文件进行更改。 2. 参数设置:我会把相关参数的截图放在这里。大家到时候可以将截图发给 Codex,它就会帮你处理出这种效果。 3. 简单方法:或者使用更简单的方法,直接放一段对标视频给它,告诉它“我想要处理成这样的声音”,Codex 就会帮你进行相应的处理。  通过这种方式处理出来的声音非常完美。当你掌握了这种声音处理能力后,就可以将其复用到其他类型的视频制作中,例如: (a) 电影讲解或故事讲解 (b) 生活哲理类、积极向上的视频 (c) 科普类账号 这些场景下,这种声音处理方式都是完全适用的。 那就像我说的,其实这部分也应该用自动化的方式会比较好一点。自媒体创作能不用人工就不要用人工,在这样“无痛”的情况下,你会非常容易坚持下去。所以后面我会尝试用火山引擎的 API,让 Codex 自动去做旁白和声音的 TTS 文件。 # 5. Hyperframs 处理画面、字幕与旁白对齐 接下来就是去做画面,然后让语音跟字幕进行匹配。这个时候我完全没有插手,因为 Codex 现在已经有了一个大概的方案。之前我已经喂给它一个对标视频,现在也有了旁白和旁白的语音,Codex 会自己进行视频创作。 视频创作之后生成的版本一定不会是一次性到位的,可能会出现以下几种情况: 1. 语音和字幕对不上 你需要跟 Codex 沟通好,让它自己去对齐。Codex 会自动抽帧,检查声音和字幕为什么对不上,这种情况可能需要调节两遍左右。 2. 画面问题 包括画面内容、字幕位置以及产生的形态等。这些都可以跟 Codex 反复沟通,不断提醒它去靠近我们想要复刻的视频。 其实整个流程理顺之后,我们就可以生成复刻程度比较高的视频了。如果我们能把整个流程自动化,就可以批量地去跑号。无论是图书号还是其他类型的账号,其实都可以按照这个流程进行拆解和复刻。 # 6.总结 最后,希望这篇文章对大家有用。 其实我也是一个在边做边学的状态,希望我们可以多多沟通交流。其实很多时候,不是我们做不出来,可能是我们还没有去行动。 对于使用 Codex 也是一样,只要我们开始行动,用自然语言去跟 Codex 聊天,一步一步地去找到这些解决办法。我相信只要大家开始动起手来,每个人都可以利用 AI 吃上自媒体这碗饭。 希望大家都可以在这个 AI 时代,在这个普通人也可以无限接近生产力的时代,去做自媒体,去创造,找到复用让它可以在你睡觉的时候也能够产生财富,无限的去靠近自由。 > 我是 Serena ,探索 AI × Web3 × 自媒体 记录普通人如何拿回人生的主动权。希望这篇文章可以帮助到你!👏 ## 相关链接 - [Serena](https://x.com/369Serena) - [@369Serena](https://x.com/369Serena) - [172K](https://x.com/369Serena/status/2073398014333321498/analytics) - [Jul 3](https://x.com/369Serena/status/2073012234184282287) - [36K](https://x.com/369Serena/status/2073012234184282287/analytics) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [9:26 PM · Jul 4, 2026](https://x.com/369Serena/status/2073398014333321498) - [172.4K Views](https://x.com/369Serena/status/2073398014333321498/analytics) - [View quotes](https://x.com/369Serena/status/2073398014333321498/quotes) --- *导出时间: 2026/7/5 16:14:21*
图 图书解读视频制作教程与实践案例 文章介绍了如何利用 Codex、AI 图片、AI 配音和 HyperFrames 制作 60-90 秒的中文图书解读短视频。作者以《活着》为例,详细分享了选书、脚本写作、图片生成约束、声音选择、字幕对齐及剪辑转场等全流程,并将经验封装成 Skill,为想做自媒体的人提供了一条不露脸、低门槛的内容创作路径。 技术 › Skill ✍ Smartpig🕐 2026-07-21 AI视频图书解读CodexHyperFrames自媒体工作流自动化AIGC短视频教程
A AI 全自动生成图书号短视频实战流程 本文详细拆解了使用 Codex、HyperFrames、VoxCPM 及 fast-whisper 等开源工具,全自动生成图书号短视频的完整技术链路。流程涵盖资料收集、文案生成、语音克隆、音频后期处理及字幕对齐等关键环节,旨在构建一套可复用的 AI 自媒体生产工作流。 技术 › 短剧 ✍ Bytec🕐 2026-07-10 AI视频CodexHyperFramesVoxCPMFFmpeg工作流自媒体TTSAgent教程
我 我用 Codex + Remotion 制作唐朝纸片分层动画的完整教程 本教程详解如何利用 Codex、Remotion、Imagegen 和 F5-TTS 构建本地视频流水线,制作具有纵深感的“纸片分层动画”。文章从确定镜头、素材分层、Remotion 动画编排到音频合成进行了全流程拆解,核心在于将背景、主角、配角拆分为独立素材,并通过代码精准控制层级与运动。 技术 › 工具与效率 ✍ 季白羽🕐 2026-07-13 RemotionAIGC视频制作动画教程CodexTTS工作流FFmpeg
C Codex 小白入门系列——【七】视频剪辑实操教程|零基础自动剪片、加字幕、改比例、批量出片 本文是 Codex 小白入门系列的第七篇,专注于视频剪辑实操。文章指出 Codex 具备全自动视频处理能力,可替代专业剪辑软件。文中详细讲解了通用剪辑指令公式、三大高频剪辑场景(横竖转换、自动字幕、智能精简)的操作步骤,以及如何搭建“一键剪辑工作流”实现批量自动化生产,帮助自媒体博主实现零门槛高效出片。 技术 › Codex ✍ Modengsir AI🕐 2026-05-31 Codex视频剪辑AI剪辑自动化工作流自媒体教程短视频
装 装完 Codex 不知道干什么?这 6 个 GitHub Skills 让你做视频搞钱 文章介绍了 6 个适用于 Codex 的 GitHub Skills,涵盖动效生成、视频剪辑、批量制作、AI 生成及中文剪辑等工具,帮助用户构建自动化视频工作流以提升效率。 技术 › Codex ✍ Kay🕐 2026-07-30 Codex视频制作AgentSkill自动化HyperFramesRemotionAI剪辑工作流
C Codex + Hyperframes + HeyGen +声音克隆:零基础自媒体变现全开源 作者分享了利用 Codex、Hyperframes、HeyGen 和 IndexTTS2 等工具构建的自动化视频工作流,实现了零基础、低成本的短视频制作与变现。文章详细介绍了各工具的选型理由、工作流架构及成本账单,旨在帮助读者通过 AI 技术解决内容生产的效率问题。 技术 › 工具与效率 ✍ 雪踏乌云🕐 2026-07-27 AI自媒体视频制作HeyGen声音克隆CodexHyperFrames自动化变现工作流
一 一个人做抖音3个月从0到万粉,变现3万+的经验分享 作者分享了作为纯i人从零开始做抖音的经验,3个月内发布50多条视频,实现变现3万+。内容涵盖心理建设(人设定位、克服出镜尴尬、避免完美主义)和实操技巧(选题脚本、拍摄剪辑、审核、投流),并强调了降低制作成本和持续更新的重要性。 技术 › 工具与效率 ✍ Rachel🕐 2026-07-27 抖音自媒体内容创作工具评测个人IP变现视频剪辑投流经验分享Codex
C Codex自动化剪辑基础篇:一条视频是怎样被自动做出来的? 本文深入解析了Codex进行自动化剪辑的底层逻辑,主要涵盖三部分:通过建立分类素材库解决画面问题;利用AI配音或TTS技术解决声音问题;借助参考视频和FFmpeg等工具实现画面与声音的合理编排。文章旨在帮助读者搭建专属的自动化视频剪辑工作流。 技术 › Codex ✍ xilo🕐 2026-07-27 Codex自动化剪辑视频制作素材库TTSFFmpegAI视频Remotion工作流
用 用AI剪视频可行吗?分享我用Codex+ChatCut和Hyperframes剪视频的全操作过程 文章分享了使用Codex结合ChatCut和Hyperframes两个插件进行AI视频剪辑的全流程。ChatCut适合处理基础拼接、字幕和旁白等模板化任务;Hyperframes擅长制作简单动画和文字效果。作者详细介绍了安装、需求明确、素材处理、修改及剪辑等步骤,适合新手学习。 技术 › 工具与效率 ✍ 探路AI🕐 2026-07-15 AI视频CodexChatCutHyperframes视频剪辑教程新手指南
A AI 内容创作变现零基础入门指南 这是一篇面向零基础的 AI 内容创作变现指南。文章提出内容创作的核心在于“选题”和“定版”,而重复劳动可由 AI 接管。作者系统拆解了短文、长文、图片、短视频、长视频五种内容形式的变现路径,详细阐述了如何利用 AI 进行新闻稿写作、评测分析、电商设计及视频翻译搬运,并附有具体的实操流程和爆款案例。 技术 › 工具与效率 ✍ Ren🕐 2026-07-13 AIGC内容创作变现工作流短文写作AI绘图视频剪辑零基础教程自媒体工具推荐
A AI 内容创作变现零基础入门指南 这是一篇面向零基础新手的 AI 内容创作变现指南。文章提出“人只做判断,AI 包办执行”的核心思路,并详细拆解了短文、长文、图片、短视频、长视频五种内容形式的变现路径。针对每种形式,作者分析了 AI 适配的原因、实操工作流及相关工具,涵盖了从选题侦察、资料搜集到成品分发的全流程自动化策略。 技术 › LLM ✍ Ren🕐 2026-07-13 AI变现内容创作AIGC工作流提示词短剧效率工具自媒体视频剪辑图文设计
R Remotion实战:自动化批量生成视频的4个案例 文章介绍了作者使用 Codex 配合 Remotion 实现视频自动化生成的实战经验。通过产品发布、女装带货、AI 工具榜单、公众号文章口播四个具体案例,展示了如何利用代码将图文内容转化为视频。作者指出,该方案目前最适合结构稳定、可模板化的批量视频生产,能够帮助创作者建立视频模板资产,大幅提升效率。 技术 › 工具与效率 ✍ 行者AI视频🕐 2026-07-07 RemotionCodex视频剪辑AI视频自动化工作流案例分享