从Flash到MP4，爱奇艺奇秀直播礼物特效精进之路

虚拟礼物是主播和观众互动的重要道具，也是主播很大一部分的收入来源。当刷满足够礼物数量时，直播间就会飞出炫酷的礼物动效，它既能刺激主播更好地直播，也能满足用户在虚拟世界的荣誉感，越有诚意的礼物会触发越精彩的礼物动效，这也加深了主播和用户之间的羁绊。

随着直播平台的发展，设计人员不断创作出精美的礼物动效，相应的，动效加载时长和文件体积逐渐变大，而开发人员要需要能够吃下这些负担，在保证动效播放的高效和顺滑的同时，不给用户机器带来负担也不给设计人员的创作带去局限，这便是我们本文需要考虑的几个难点。本文将以奇秀PCweb端为例，从动效效果、性能、研发效率、兼容性等多角度谈谈礼物动效的发展。

演进之路

礼物动效的实现格式可以有很多种，不同文件格式之间各有利弊，从业务角度出发选取相对较优的方案是我们的目的。整条演进路上，我将带领大家从Flash时代开始了解多种动效格式，希望在了解多种方案后，你能找到适合自己业务的较优方案。

动效格式

●过去的王者：Flash

●动图：GIF、APNG、Webp

●开源和自研：Lottie、SVGA、IXD(自研)

●视频：MP4

Flash时代

奇秀平台刚开始上线的时候，视频行业在网页端还是Flash的天下，基于Flash的流媒体播放器几乎是唯一选择，拿它实现动效制作也是很自然的事情，对设计师来说使用Adobe Flash CC导出Flash动画也是常规操作。

没多久，Flash式微，html5技术飞速发展，替换Flash变成迫切需要做的事情。彼时团队内部出现两种实现方向：

●APNG动图

●自研新的动效方案

APNG动图

APNG（Animated Portable Network Graphics）诞生于2004年，是一个基于png的位图动画格式，扩展方法类似主要用于网页的GIF 89a，仍对传统PNG保留向下兼容，2017年主流浏览器几乎都已经支持APNG。由于当时平台上移动端一直是使用图片序列生成的APNG/Webp作为动效资源，为了保持多端的统一，PCweb端也开始尝试使用动图作为后续的动效格式。

<