直播礼物动效交付指南:从设计文件到透明播放链路
直播礼物不是单纯的“导出视频”。它通常同时包含透明叠加、复杂特效、动态头像或昵称、音效、多端播放和低端设备性能要求。正确流程是先确定播放链路,再选择格式和设计规范,最后用目标设备验收。
先给结论
- 复杂礼物画面:比较 PAG、SVGA、VAP 和 YYEVA 的播放 SDK、效果覆盖与维护状态。
- 需要动态头像、昵称或文案:优先选择已经预留动态元素位的方案,不能依赖普通 MP4 后期“补出”动态能力。
- 需要透明 MP4 形态:确认是 YYEVA、VAP 还是双通道,不要把普通 MP4 当成透明视频。
- 只需要普通视频预览或投放:MP4 更容易分发,但透明和运行时编辑通常会丢失。
- GIF、WebP、APNG 可以用于小元素或预览,不能未经目标端验证就替代复杂礼物主格式。
第一步:填写播放链路
| 问题 | 示例答案 | 对格式的影响 |
|---|---|---|
| 业务位 | 全屏礼物 / 座驾 / 头像框 / 麦位框 | 决定画幅、循环方式和性能预算 |
| 展示区域 | 大画幅 / 中画幅 / 小画幅 / 固定坑位 | 决定画布、裁切、安全区和清晰度 |
| 播放端 | Android / iOS / Web / 小程序 | 决定 SDK 和编码兼容性 |
| 是否透明 | 需要叠加到直播间背景 | 排除普通不透明 MP4 |
| 是否动态 | 头像、昵称、等级、奖品图 | 需要动态元素规范和播放器接口 |
| 是否有音频 | 礼物自带音效 | 确认文件内音频或业务侧播放 |
| 并发量 | 多个礼物同时播放 | 需要设备和内存压力测试 |
| 兜底方案 | 静态图、短 MP4 或低清版本 | 防止目标端不支持主格式 |
第二步:按需求选格式
| 需求 | 优先比较 | 必须确认 |
|---|---|---|
| UI 组件或轻量活动动效 | Lottie、DotLottie、WebP、APNG | 播放器特性、图片资源和效果兼容 |
| 复杂 AE 效果和运行时编辑 | PAG | 导出器、PAG SDK 和目标端版本 |
| 传统客户端礼物动效 | SVGA | 播放器维护、图片体积和动态替换接口 |
| 透明视频加动态元素 | VAP、YYEVA | 元数据、Alpha、动态元素 key 和 SDK |
| 透明 MP4 文件交付 | 双通道 | 业务端是否能还原 RGB 与 Alpha |
| 普通视频投放 | MP4 | 背景、编码、码率和平台二次压缩 |
第三步:设计文件要交付什么
- 原始 AE 或设计工程文件,便于回源修复和重新输出。
- 主格式文件和至少一个兜底版本。
- 业务位、实际展示区域、横竖屏、安全区,以及日常、节日或海外主题版本。
- 画布尺寸、实际内容尺寸、帧率、时长和文件大小。
- 透明方式说明:Alpha、双通道、VAP 或 YYEVA 元数据。
- 动态元素表:元素 key、类型、最大文字长度、字号、颜色和图片缩放模式。
- 音频文件或音频策略:内嵌、业务侧播放、替换或删除。
- 目标端预览录屏和核对日期。
国内礼物服务商的公开作品分类还显示,礼物、座驾或进场、头像框、麦位框、聊天气泡和徽章是不同业务位,并常按画幅、时长、音效和节日主题区分。它们只能作为市场需求样本,不能替代目标平台规格。YYEVA 公开设计规范特别强调 mask_text、mask_image、key、字体颜色、字号、缩放模式和 RGB/Alpha 画布关系;这些动态元素约束也应在项目交付单中显式记录。
第四步:在 MotionTools 中预检
- 使用透明视频检测与排查确认文件识别、背景、通道和动态元素。
- 需要减小 SVGA 体积时,使用SVGA 在线压缩并记录压缩前后信息。
- 需要优化 Lottie 位图资源时,使用Lottie 在线压缩并检查渐变和图片。
- 需要交付普通 MP4 时,使用Lottie 转 MP4并明确背景色和质量配置。
- 输出后下载文件,在真实目标播放器上完成最终验收。
打开 MotionTools 动效工作区 上传待交付文件,完成格式识别、预览和参数检查。工作区需要登录,最终兼容性仍以目标 SDK 和真机验收为准。
第五步:验收顺序
画面
- 关键帧、主体位置、裁切和比例正确。
- 粒子、发光、描边、渐变和混合效果没有明显缺失。
- 浅色、深色和复杂背景上都没有异常边缘。
动态元素
- 头像替换后不变形、不被错误裁切。
- 长昵称、短昵称和多语言文字都不溢出。
- 动态元素层级与设计稿一致。
播放与性能
- 首帧、循环点、暂停、恢复和结束状态正确。
- 在目标设备上测试单个和多个礼物同时播放。
- 记录帧率、内存、首帧时间、耗电或卡顿现象。
音频
- 音频存在时,与画面动作同步。
- 多个礼物同时播放时,音量不会互相覆盖或过载。
- 业务侧单独播放时,文件内应明确无声或不再重复承载音频。
多份礼物的批量交付
多个礼物需要统一规格或生成多个交付版本时,可使用 动效批量转换,集中配置、对比结果并打包下载。需要替换头像、昵称或补充动态资源时,先在单次流程完成编辑;批量工作台不提供逐文件动态素材替换。转换后仍需按下方检查项逐一验收目标播放链路。
常见错误
| 错误 | 为什么会发生 | 修复方式 |
|---|---|---|
| 用 GIF 证明主格式效果 | GIF 颜色和透明能力有限 | 回到原格式和目标 SDK 验收 |
| 普通 MP4 播放黑底就判定源文件坏了 | 播放器没有 Alpha 还原 | 先确认 VAP、YYEVA 或双通道方案 |
| 只交付文件不交付 key | 动态元素无法接入 | 提供动态元素表和默认值 |
| 只在桌面预览 | 真机解码和合成压力不同 | 在目标设备和并发场景测试 |
| 继续使用停止维护仓库当生产依据 | 历史 README 仍可访问 | 核对维护状态、SDK 版本和替代方案 |
相关资料
内容核对日期:2026-09-10。格式能力和播放器兼容性会随 SDK、浏览器和业务端版本变化,发布前应复测。