騰訊開源的kotlin高性能組件！
1. VAP
VAP（Video Animation Player）是企鵝電競開發(fā)，用于播放酷炫動畫的實現(xiàn)方案。
相比Webp, Apng動圖方案，具有高壓縮率(素材更小)、硬件解碼(解碼更快)的優(yōu)點
相比Lottie，能實現(xiàn)更復(fù)雜的動畫效果(比如粒子特效)
2. 項目背景
企鵝電競是個直播平臺，需要在直播間里顯示酷炫的送禮動畫。
動畫越酷炫，對素材大小與解碼性能要求越高，調(diào)研了很多方案，先給對比表：
| 文件大小 | 解碼方式 | 特效支持 | |
|---|---|---|---|
| Lottie | 無法導(dǎo)出 | 軟解 | 無粒子特效 |
| GIF | 4.6M | 軟解 | 只支持8位色彩 |
| Apng | 10.6M | 軟解 | 全支持 |
| Webp | 9.2M | 軟解 | 全支持 |
| mp4 | 1.5M | 硬解 | 無透明背景 |
| VAP | 1.5M | 硬解 | 全支持 |
測試參數(shù)： 手機: 小米mix3
素材: 736?×?576 80幀
Apng: 75質(zhì)量; Webp: 75質(zhì)量; VAP: 2000碼率
2.動圖方案（代表GIF, Apng, Webp）:
GIF: 只支持8位顏色，顏色丟失嚴重，解碼性能低，無法滿足特效效果； Apng, Webp: 能夠滿足特效效果，但文件大，軟解效率低（低端的手機上，比如當年的紅米1，解碼過程甚至能導(dǎo)致整個直播間卡頓），這些問題很難接受；
調(diào)研后發(fā)現(xiàn)，要么特效表現(xiàn)無法達到要求（Lottie, GIF），要么文件太大而且還是軟解（Webp, Apng），要么不支持透明度（mp4），這些方案都不能滿足我們的需求，高性能動畫組件VAP誕生。
3. 實現(xiàn)原理
方案選擇
mp4視頻方案無論從效果、大小與解碼性能上都是最優(yōu)的，但H264的里存的是YUV數(shù)據(jù)，并沒有帶透明通道。VAP方案基于mp4，解決視頻里透明度的問題，這樣就能兼具更好的壓縮效率，與更好的解碼性能。
視頻透明度實現(xiàn)
H264解碼出來每一幀的數(shù)據(jù)是YUV，轉(zhuǎn)換為RGB后是不帶Alpha通道的，而我們可以在視頻中額外開辟一塊區(qū)域，在RGB通道里存儲Alpha的值，最后利用OpenGL將這些數(shù)據(jù)合成為ARGB圖像（帶透明通道的圖像）。
原始視頻中，黑白區(qū)域承載Alpha數(shù)據(jù)。VAP最新版本里實現(xiàn)了Alpha區(qū)域大小可變，通過縮小Alpha區(qū)域大小，在不影響最終顯示效果的同時，能有效減少視頻分辨率，提高機型兼容性，而且為VAP的融合特性空余出多余的區(qū)域。
動畫配置信息
動畫播放過程中，需要一些配置信息協(xié)助播放（比如Alpha區(qū)域聲明，包括融合動畫信息），配置是JSON格式。為了組件更方便使用，所有相關(guān)文件都合并到mp4文件里，這樣播放動畫只需要一個mp4文件即可。
VAP融合動畫
VAP還支持在動畫中融入自定義屬性，比如用戶名稱, 頭像。我們稱其為VAP融合動畫。
視頻內(nèi)容無法直接實現(xiàn)屬性的插入，只能曲線救國，通過對屬性圖片進行修剪，欺騙用戶的眼睛，讓其看起來像是在視頻內(nèi)容里，實現(xiàn)最終的融合效果（效果如文章開頭展示）。
再將結(jié)果貼到視頻對應(yīng)坐標位置，就能實現(xiàn)最后的融合效果。
“遮罩”素材保存在每一幀視頻內(nèi)容里，之前通過縮小Aplha區(qū)域，空出來的區(qū)域得到利用。
配套工具
為大家更方便的使用組件，還有配套的素材制作工具
項目地址
開源地址：https://github.com/Tencent/vap