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

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"虚拟礼物是主播和观众互动的重要道具，也是主播很大一部分的收入来源。当刷满足够礼物数量时，直播间就会飞出炫酷的礼物动效，它既能刺激主播更好地直播，也能满足用户在虚拟世界的荣誉感，越有诚意的礼物会触发越精彩的礼物动效，这也加深了主播和用户之间的羁绊。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"随着直播平台的发展，设计人员不断创作出精美的礼物动效，相应的，动效加载时长和文件体积逐渐变大，而开发人员要需要能够吃下这些负担，在保证动效播放的高效和顺滑的同时，不给用户机器带来负担也不给设计人员的创作带去局限，这便是我们本文需要考虑的几个难点。本文将以"},{"type":"text","marks":[{"type":"strong"}],"text":"奇秀PCweb端"},{"type":"text","text":"为例，从"},{"type":"text","marks":[{"type":"strong"}],"text":"动效效果、性能、研发效率、兼容性"},{"type":"text","text":"等多角度谈谈礼物动效的发展。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.infoq.cn\/resource\/image\/28\/e9\/2892e126f40d07b64e65a265fa0953e9.gif","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"strong"}],"text":"演进之路"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"礼物动效的实现格式可以有很多种，不同文件格式之间各有利弊，从业务角度出发选取相对较优的方案是我们的目的。整条演进路上，我将带领大家从Flash时代开始了解多种动效格式，希望在了解多种方案后，你能找到适合自己业务的较优方案。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"strong"}],"text":"动效格式"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"●过去的王者：Flash"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"●动图：GIF、APNG、Webp"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"●开源和自研：Lottie、SVGA、IXD(自研)"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"●视频：MP4"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"Flash时代"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}}]}