從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}}]}