我用 Codex 修复了工作流中的“最后 1 公里”,实现了视频音频的秒级校准 ✍ AFei Liang🕐 2026-07-13📦 5.7 KB 🟢 已读 𝕏 文章列表 作者为了解决视频制作中音频与画面手动同步的痛点,设计开发了本地工具 Web Video Studio。该工具集成了项目扫描、音频生成、可视化校准和自动化录屏准备等功能,利用 Codex 快速修复开发过程中的 Bug,成功实现了从文章到视频的高效工作流,提升了内容制作的生产力。 工作流Codex自动化视频制作Web Video Studio效率工具 # 我用 Codex 修复了工作流中的“最后 1 公里”,实现了视频音频的秒级校准 **作者**: AFei Liang **日期**: 2026-07-10T02:36:34.000Z **来源**: [https://x.com/afei_AI/status/2076575209868665198](https://x.com/afei_AI/status/2076575209868665198) ---  之前 cue 的校准方式需要手动打点,然后下载下来最新的 cue,手动再替换之前的 > **AFei Liang@afei_AI**: [原文链接](https://x.com/afei_AI/status/2075408812920680488) > 这种手动操作也能用,但是弊端还是有的 比如操作繁琐,可能会覆盖到错误的章节…… 于是 开始设计一个本地工具:Web Video Studio 一个本地制作控制台  Studio 做的事情很明确: 1. 扫描 web-videos/ 下的视频项目,我把生成的网页项目都放在了 web-videos 下面 2. 读取项目章节和 narration 3. 检查每章有没有 chapter-full.mp3 4. 检查每章有没有 cue.json 5. 检查 Voicebox 是否 healthy 6. 启动 presentation dev server 7. 单章生成音频 8. 在 Studio 里直接校准 cue 9. 保存 cue 到本地文件 10. 打开最终 ?auto=1 录屏页面 它解决的不是“生成一个视频” 而是把原来分散在终端、浏览器、文件夹里的动作串成一条线 # Studio 的核心页面 第一版 Studio 主要有这几个页面 - 项目列表 - 项目概览 - 章节列表 - 音频生成 - cue 校准 - 录屏准备 - 设置页  UI 不是重点,凑合着看吧,先保证能用😂😂 最重要的是校准页  它左边是网页预览 右边是音频播放器和 cue 时间轴 你播放音频,听到该切下一屏时,点 【Mark Next · N】 然后右侧对应 step 的 start 时间会更新 左侧预览也切到对应 step 最后点保存 Studio 后端直接把 cue.json 写回项目目录 不需要下载 不需要手动覆盖 这一步体验提升很大 因为音频合成不是一次性动作 它一定要反复听、反复调 工具如果不能支持这个反馈循环,就会很痛苦 # 中间踩的几个坑 这个 Studio 不是一上来就顺的 中间修了不少细节问题 比如 ``` 校准页的地址拼接错误,窗口再切 step 时有闪烁 在 mark next 时顺序会错乱 网页项目server已经启动,但 studio 中却获取不到 …… ``` 但这都不是事儿,直接让 codex 修复就行  # 最后形成的流程 现在整个流程基本变成这样  生成网页项目后,所有的操作可以直接在 studio 中操作 启动 Studio 后会自动获取当前存在的项目  然后在 Recording 或项目页启动 dev server Studio 会启动 presentation 的 Vite 服务  用 Voicebox 生成章节音频  它会生成: ``` chapter-full.mp3 cue.json ``` 在 Studio 里校准 cue  播放音频 点 Mark Next · N 保存 cue 所有章节完成后,打开自动播放页  再用 OBS 或系统录屏工具录下来 到这里,一篇文章就变成了一个带画面、旁白和自动推进的视频  当然,优化的空间还是很大的,比如动画效果可以再丰富一些,字幕也可以让AI来生成 比如可以结合 Hyperframe 增加一个一键成片,适合懒得录制的情况 比如后续也可以接上数字人,那就真的是口播视频可以量产了~~ # 我最大的感受 这次做完,我最大的感受是: 文章转视频,真正难的不是“生成画面” 而是让内容、画面、声音、时间轴稳定地合在一起 ``` 网页可以用 AI 帮你写 组件可以让 AI 帮你改 动画也可以一点点调 但音频一旦进入流程,问题会变得非常具体 声音像不像? 语速稳不稳? 每一屏什么时候切? ``` 这些都不是一句 prompt 能解决的 它需要一个可重复的工程流程 所以,AI 不是只能帮我们写文章 它也可以帮我们搭生产线 但前提是,我们要把一次次手动操作里最痛的地方找出来 然后把它变成工具 所以最后产物不是一个视频 而是一套可以继续复用的文章转视频工作流 这才是从 demo 走向工作流的关键 ## 相关链接 - [AFei Liang](https://x.com/afei_AI) - [@afei_AI](https://x.com/afei_AI) - [1.3K](https://x.com/afei_AI/status/2076575209868665198/analytics) - [Jul 10](https://x.com/afei_AI/status/2075408812920680488) - [2.8K](https://x.com/afei_AI/status/2075408812920680488/analytics) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [3:51 PM · Jul 13, 2026](https://x.com/afei_AI/status/2076575209868665198) - [1,386 Views](https://x.com/afei_AI/status/2076575209868665198/analytics) --- *导出时间: 2026/7/13 19:09:45*
装 装完 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自动化变现工作流
用 用 Codex + Remotion 实现无痛自媒体视频日更 本文介绍了一种利用 Codex 和 Remotion 实现自媒体视频日更的工作流。通过将视频制作转化为可维护的代码项目,将脚本转变为结构化 JSON 数据,作者展示了如何搭建一条自动化的视频生产线,从而替代繁琐的手工剪辑,实现高质量内容的稳定产出。 技术 › Opencode ✍ Rachel🕐 2026-07-02 CodexRemotion自媒体自动化视频制作React工作流
H HyperFrames + F5:批量文章转视频实战 本文详述了一套将技术文章批量转化为带克隆旁白视频的自动化工作流。作者通过结合 HyperFrames 与 F5-TTS,将文章拆解为口播脚本,针对不同技术风格定制视频界面,并重点解决了文本对齐、技术术语发音及字体显示等常见问题,提供了完整的从脚本到成片的质量验收标准。 技术 › TTS ✍ AFei Liang🕐 2026-06-24 F5-TTSHyperFrames工作流视频制作语音合成AgentCodexHermes自动化内容创作
我 我把 TikTok 运营塞进了 Codex:选品、拆账号、找达人,一句话跑完整个流程 作者将 TikTok 运营工作流封装成 Codex Agent Skill,结合达人精灵 MCP 数据,实现选品、账号诊断、类目研究和增长规划的自动化。文章详细介绍了四个核心技能的安装、配置及具体 Prompt 使用方法,解决了 AI 运营中的幻觉与流程混乱问题。 技术 › Agent ✍ Aron厚玉🕐 2026-07-28 TikTok运营CodexSkillMCP自动化选品达人营销Agent技能工作流数据分析
我 我的 55 个 AI视频 Skill 全部开源,这是每一个的用法 作者开源了 55 个用于视频生产的 AI Skill,涵盖选题、洗稿、配音、剪辑、动效及质检等全流程。通过 Skill 的自动串联,实现了“一句提示词出一条视频”的高效工作流,大幅降低了内容创作的时间成本。 技术 › Skill ✍ 雪踏乌云🕐 2026-07-27 AI视频开源工作流自动化HeyGenTTS视频剪辑ContentPipeline效率工具
C Codex自动化剪辑基础篇:一条视频是怎样被自动做出来的? 本文深入解析了Codex进行自动化剪辑的底层逻辑,主要涵盖三部分:通过建立分类素材库解决画面问题;利用AI配音或TTS技术解决声音问题;借助参考视频和FFmpeg等工具实现画面与声音的合理编排。文章旨在帮助读者搭建专属的自动化视频剪辑工作流。 技术 › Codex ✍ xilo🕐 2026-07-27 Codex自动化剪辑视频制作素材库TTSFFmpegAI视频Remotion工作流
我 我是如何用 Codex 做自己的个人IP生图工作流的 作者分享了如何利用 Codex 构建个人 IP 生图工作流的经验。通过借鉴优秀项目,将思路从拼图改为拼提示词,开发了封面图和段落图两个 Skill。文章详细介绍了风格确定、人物特征锚定、内容总结及安全区适配等优化过程,强调了 AI、代码与人在工作流中的职责分工。 技术 › Codex ✍ naiyue777🕐 2026-07-26 CodexAI绘图个人IP工作流Skill自动化设计开源项目
图 图书解读视频制作教程与实践案例 文章介绍了如何利用 Codex、AI 图片、AI 配音和 HyperFrames 制作 60-90 秒的中文图书解读短视频。作者以《活着》为例,详细分享了选书、脚本写作、图片生成约束、声音选择、字幕对齐及剪辑转场等全流程,并将经验封装成 Skill,为想做自媒体的人提供了一条不露脸、低门槛的内容创作路径。 技术 › Skill ✍ Smartpig🕐 2026-07-21 AI视频图书解读CodexHyperFrames自媒体工作流自动化AIGC短视频教程
用 用Codex做自媒体,我建议你先装好这10个Skill 本文推荐了10个Codex Skill,覆盖自媒体创作全流程:选题、素材、创作、设计、发布及复盘。这套工具链能帮助新手将重复性工作自动化,构建高效的内容生产流水线,但账号成功仍需依赖个人选题判断与持续输出。 技术 › 工具与效率 ✍ zhouluobo🕐 2026-07-19 Codex自媒体AI工具Skill工作流Agent自动化内容创作效率复盘
B Build Your Whole Team With Claude 文章介绍了如何将 Claude 转变为一个完整的虚拟团队,通过安装 42 个涵盖开发、设计、营销、财务和法律等部门的特定技能(Skills),构建一个类真实的组织架构。这改变了传统的使用 AI 的方式,从重复提示转变为向专业员工委托任务,极大提高了个人或小团队的工作效率。 技术 › Skill ✍ Hamza Khalid🕐 2026-07-18 ClaudeSkillAgent生产力团队构建自动化工作流效率工具虚拟团队
我 我用 Codex 自动化帮我剪了三条视频 作者分享了使用 Codex 结合 ChatCut 插件自动化剪辑视频的全过程。从零素材生成,到提供素材后通过反馈调整,最终实现了具备“网感”的视频制作。这套工作流极大降低了剪辑门槛,证明了不会剪辑软件也能通过自然语言指令完成高质量视频创作。 技术 › 工具与效率 ✍ KK的AI笔记🕐 2026-07-17 CodexAI视频剪辑自动化ChatCutAIGC视频制作工具评测Workflow