reel-export

Reels 导出

大多数动态内容都是宽屏的。此流程会将其转换为竖屏文件，并在顶部添加吸引眼球的标题，让各应用正常接收且不损失色彩。

**开始前：**如果存在，请阅读 brand.md 和 MOTION.md。如果没有，请先运行 brand-intake，或询问十六进制颜色代码、字体和 Logo 文件。没有这些信息，绝不要称结果符合品牌风格。

第 1 步：询问四项内容，然后等待

1. **视频。**任意 MP4，任意尺寸。
2. **标题，**两行简短文字，逐字确认。这是用户关闭声音时看到的吸引点。
3. **Logo，**如果视频提到了产品或公司，请以附件形式提供。
4. **视频周围的背景颜色。**默认：近黑色 #0B0B0F。

第 2 步：安全区域

Reel 的边缘会被应用自己的按钮、字幕和个人资料信息覆盖。确保所有文字和 Logo 都：

• 位于 y 360 到 y 1420 之间（底部 500px 内不得放置内容）
• 避开右侧 120px 区域

将标题放在该区域顶部，再把视频放在标题下方。16:9 视频缩放至 1080 像素宽时，高度为 608 像素，因此放在 y 660 处效果很好。

第 3 步：制作叠加层，然后编码

使用 HTML 制作透明的 1080 x 1920 overlay.png，其中包含标题和任何 Logo，然后截图。可设置样式的文字比用 ffmpeg 烧录进视频的文字更好。接着：

ffmpeg -y -i in.mp4 -loop 1 -i overlay.png -f lavfi -i anullsrc=r=48000:cl=stereo -filter_complex "color=c=0x0B0B0F:s=1080x1920:r=30[bg];[0:v]fps=30,scale=1080:-2,setsar=1[v];[bg][v]overlay=0:660:shortest=1[o];[o][1:v]overlay=0:0:shortest=1,scale=out_color_matrix=bt709:out_range=tv,format=yuv420p[out]" -map "[out]" -map 2:a -shortest -c:v libx264 -profile:v high -crf 18 -pix_fmt yuv420p -color_range tv -colorspace bt709 -color_primaries bt709 -color_trc bt709 -c:a aac -b:a 128k -movflags +faststart reel.mp4

这会添加一条静音 AAC 音轨。如果视频本身有声音，请将 -map 2:a 替换为 -map 0:a。

第 4 步：上传前检查

ffprobe -v error -show_entries stream=codec_type,codec_name,width,height,pix_fmt,color_range,color_space -of compact reel.mp4

合格标准：视频编码为 h264，尺寸为 1080 x 1920，色彩格式为 yuv420p，color_range=tv，bt709，并且包含一条 aac 音频流。如果看到 hevc 或 color_range=pc，请重新编码。然后从视频中间截取一帧，并按手机屏幕大小查看。

我吃过的亏

• **手机录制的视频通常采用 HEVC 和全范围色彩。**直接上传可能会导致画面褪色或重新编码效果很差。始终导出新的 H.264 限制范围文件，任何编辑后也一样。
• **叠加在画面上的 Logo 遇到亮色帧时会消失。**将每个 Logo（及其标签）分别放在独立的深色圆角底板上。
• **faststart 很重要。**没有 -movflags +faststart，文件必须完全加载后才能开始播放。
• **标题保持两行。**我写的标题足够简短，读完只需一秒：“这次 Mac 发布” / “100% 由代码打造”。