发布视频
制作一个高级、高能的 15–60 秒发布电影，能停止滚动并促进转化。构建经典弧线——钩子 → 铺垫 → 揭幕 → 功能混剪 → 结尾 CTA——与音乐同步剪辑，并为每个平台比例导出。
何时使用
- 产品发布、功能公告、预告片、宣传短片（15–60 秒）。
- 为着陆页制作的“煽情”英雄视频。
- 节拍同步揭幕，品牌时刻落在 drop 点上。
弧线
| 节拍 | 作用 | 典型时间（30 秒内） |
|---|---|---|
| 钩子 (0–3s) | 一个引人注目的画面/运动，能停止滚动 | 0–3s |
| 铺垫 | 暗示产品；激发好奇心，节拍同步 | 3–9s |
| 揭幕 | 产品/标志在音乐 drop 点上出现 | 9–13s |
| 功能混剪 | 快速、动态，每个镜头一个功能点 | 13–25s |
| 结尾卡片 | 标志 + 标语 + CTA，干净静止 | 25–30s |
将相同比例缩放到 15 秒（更紧凑）或 60 秒（更长的混剪，绝不要更长的钩子）。
两条不可妥协的规则
- 声音设计引领画面。 先锁定音乐，标记节拍和 drop 点，然后根据这些标记剪辑视觉元素。绝不要为已完成剪辑的视频配乐——揭幕必须落在 drop 点上，而不是附近。
- 质量优于数量。 几个完美镜头胜过许多平庸镜头。剪掉任何不高级的镜头。
节拍同步揭幕在 drop 点上
找到音频中 drop 点的精确时间码，然后安排揭幕时间，使标志在该帧完全显现，并带有一个微小的过冲以增加冲击力。
import gsap from "gsap";
const DROP = 9.0; // 秒，从音轨测量
const tl = gsap.timeline({ paused: true });
// 铺垫在 drop 点前建立张力
tl.to(".tease", { opacity: 1, scale: 1.05, duration: DROP, ease: "power1.in" })
// 揭幕在 drop 帧上瞬间显现
.set(".logo", { opacity: 1 }, DROP)
.fromTo(".logo", { scale: 1.18 }, { scale: 1.0, duration: .18, ease: "power3.out" }, DROP)
.fromTo(".flash", { opacity: .9 }, { opacity: 0, duration: .25 }, DROP); // 白色闪白
audio.addEventListener("play", () => tl.play());
在瞬态处剪辑，而不是固定网格：最有力的剪辑落在鼓点/军鼓上；在进入 drop 点时调整速度（时间重映射），然后硬切出来。
动态功能混剪
每个镜头一个功能点，时长约 0.6–1.0 秒，在节拍上硬切。每个镜头 = 一个粗体关键词 + 一个支持性视觉元素。
.feature { opacity:0; }
.feature.in .kw { animation: pop .35s cubic-bezier(.22,1,.36,1) forwards; }
.feature.in .word { display:inline-block; }
@keyframes pop { from { opacity:0; transform:translateY(24px) } to { opacity:1; transform:none } }
// 根据从音轨测量的节拍标记驱动镜头
const beats = [13.0, 13.8, 14.6, 15.4, 16.2]; // 秒
beats.forEach((t, i) => scheduleAt(t, () => showFeature(i)));
在整个混剪中保持一种运动语言（相同的进入曲线，相同的退出方式），这样速度体现的是自信而非混乱。
结尾卡片
干净地保持标志 + 标语 + CTA 静止至少 2 秒钟。没有与 CTA 竞争的动态运动；让品牌安定下来。将品牌时刻落在最强的剩余节拍上，然后是一个清晰的按钮/URL。
多比例导出
设计时使用中心安全区域，以便一个主版本可以干净地裁剪到所有比例。
| 比例 | 用途 | 分辨率 | 安全区域 |
|---|---|---|---|
| 16:9 | YouTube、着陆页英雄、X | 1920×1080 | 关键内容保持在中心 90% 内 |
| 9:16 | Reels、TikTok、Shorts、Stories | 1080×1920 | 文本保持在中心 80% 高度内；避免顶部 12% / 底部 18%（UI 区域） |
| 1:1 | 信息流帖子 | 1080×1080 | 16:9 帧的中心正方形 |
将英雄/标志/CTA 设计在 1:1 中心正方形 内，以便在所有裁剪中幸存。渲染 16:9 主版本，然后从同一项目重新构图（而不仅仅是添加黑边）得到 9:16 和 1:1 版本。
输出检查清单
- 音轨首先锁定；揭幕准确落在 drop 点上。
- 钩子在前 3 秒内吸引用户。
- 混剪：每个镜头一个功能点，在节拍上硬切，一致的运动语言。
- 结尾卡片保持 ≥2 秒，带有一个清晰的 CTA。
- 导出 16:9 + 9:16 + 1:1 版本，关键内容在中心安全区域内。
- 仅使用高级镜头——没有平庸镜头在剪辑中幸存。
交付与验证（渲染静态图 → MP4）
打包助手（
scripts/）：使用scripts/contact-sheet.sh sheet.png f-hook.png f-mid.png f-end.png平铺静态图，然后使用scripts/probe-mp4.sh out.mp4 [WxH] [fps]验证编码。详见scripts/README.md。
如果发布电影是基于 Remotion 构建/渲染的，则将其视为重量级方案：注册一个 <Composition>（+ zod schema + defaultProps），将所有值基于 useCurrentFrame() 驱动——不要在渲染时使用 GSAP 时间线/音频事件回调/Date.now()/Math.random()（将节拍和 drop 时间码作为 props 传入）。交付物 = 每个比例渲染的 out/*.mp4 文件（以及项目）。
验证循环 —— 渲染静态图 → 检查 → 编码。 使用已交付的 props（真实标题/标语/CTA）采样弧线，而不仅仅是 defaultProps。
# 跨钩子 → 揭幕 → 结尾卡片的帧精确静态图
npx remotion still Launch out/f-hook.png --frame=24 --props=props/launch.json # 钩子在前 3 秒内吸引用户
npx remotion still Launch out/f-reveal.png --frame=270 --props=props/launch.json # 标志在 drop 帧上瞬间显现
npx remotion still Launch out/f-end.png --frame=899 --props=props/launch.json # 结尾卡片：标志+标语+CTA，干净静止
# 检查每张静态图：保真度（产品/标志、标语、CTA 文本准确、品牌颜色正确、揭幕在 drop 帧上）
# 以及瑕疵（文本溢出、画布外、CTA 在 9:16 底部三分之一内、缺少字体、闪光帧卡住）
多比例 —— 在编码所有版本之前，在每个比例下验证主版本。 一个重新构图错误（英雄被推出安全区域）会在每个比例中重复出现；一次性捕获它。
for ar in 16x9 9x16 1x1; do # 按比例检查揭幕 + 结尾卡片
npx remotion still Launch "out/reveal-${ar}.png" --frame=270 \
--props=props/launch.json --props-merge="{\"aspect\":\"${ar}\"}"
done
# 所有比例的静态图都干净？→ 然后编码每个比例：
for ar in 16x9 9x16 1x1; do
npx remotion render Launch "out/launch-${ar}.mp4" --props=props/launch.json --props-merge="{\"aspect\":\"${ar}\"}"
done
npx remotion render Launch out/demo.gif --codec=gif --props=props/launch.json # README 演示
完成前检查：
npx remotion still在钩子/揭幕/结尾卡片处干净渲染——没有错误，没有缺少字体/资源。- 标志/标语/CTA 文本准确，品牌颜色正确；揭幕落在 drop 帧上；关键内容在中心安全区域内，远离 9:16 底部三分之一处。
- 仅帧驱动——没有 GSAP/音频回调定时、
Date.now()或Math.random()（节拍/drop 点作为 props 传入）。 - 已交付的 props 正确渲染（而不仅仅是
defaultProps）；结尾卡片保持 ≥2 秒并带有一个 CTA。 - 主版本在 16:9 + 9:16 + 1:1 下验证后才编码；MP4 可播放；（可选）GIF 用于 README。
参考文件
references/launch-structure.md—— 一个完整的逐镜头模板，包含 30 秒电影的时间码（可缩放到 15–60 秒）、节拍同步揭幕时间、动态混剪镜头方案、声音设计引领画面的工作流程，以及 16:9 / 9:16 / 1:1 的详细多比例安全区域地图。