比特小师妹｜KiKi(@bit_sister):这条教程视频是怎么剪出来的？答案是：我几乎没动手。全程没拖过时间轴、没点过剪辑按钮，真正做到「不动一兵一卒」，纯靠 AI + 代码把视频搓出来了。用到的工具如下： 1️⃣Codex 分析素材、整理口播、设计节奏，自动完成编排和工具调用 2️⃣HyperFrames（核心）竖屏画面、录屏、字幕、转场、口播同步、最终 MP4 渲染 Node.js 22+ 后直接：npx hyperframes init my-video https://t.co/mBsPISFBmW 3️⃣FFmpeg + FFprobe 裁剪音频、调速度、补尾帧、统一帧率、检查成片参数 Mac：brew install ffmpeg Win：winget install Gyan.FFmpeg 4️⃣GSAP 标题、步骤卡片、字幕入场、场景切换动画 npm install gsap 完整流程： Codex 分析编排 → FFmpeg 处理素材 → HyperFrames 做时间轴+字幕 → GSAP 加动画 → 渲染 MP4 → 检查成片顺便分享下，今天上海的云朵，好像一只小恐龙👇

2026.07.29 10:11

这条教程视频是怎么剪出来的？答案是：我几乎没动手。全程没拖过时间轴、没点过剪辑按钮，真正做到「不动一兵一卒」，纯靠 AI + 代码把视频搓出来了。用到的工具如下： 1️⃣Codex 分析素材、整理口播、设计节奏，自动完成编排和工具调用 2️⃣HyperFrames（核心）竖屏画面、录屏、字幕、转场、口播同步、最终 MP4 渲染 Node.js 22+ 后直接：npx hyperframes init my-video 3️⃣FFmpeg + FFprobe 裁剪音频、调速度、补尾帧、统一帧率、检查成片参数 Mac：brew install ffmpeg Win：winget install Gyan.FFmpeg 4️⃣GSAP 标题、步骤卡片、字幕入场、场景切换动画 npm install gsap 完整流程： Codex 分析编排 → FFmpeg 处理素材 → HyperFrames 做时间轴+字幕 → GSAP 加动画 → 渲染 MP4 → 检查成片顺便分享下，今天上海的云朵，好像一只小恐龙👇