VAP(VideoAnimationPlayer)是企鹅电竞开发的,用于播放酷炫动画的实现方案。相比Webp、Apng动图方案,具有高压缩率(素材更小)、硬件解码(解码更快)的优点相比Lottie,能实现更复杂的动画效果(比如粒子特效)还能在动画中融入自定义的属性(比如用户名称,头像)项目背景企鹅电竞是个直播平台,需要在直播间里显示酷炫的送礼动画。动画越酷炫,对素材大小与解码性能要求越高,调研了很多方案,先给对比表:-文件大小解码方式特效支持Lottie无法导出软解无粒子特效GIF4.6M软解只支持8位色彩Apng10.6M软解全支持Webp9.2M软解全支持mp41.5M硬解无透明背景VAP1.5M硬解全支持测试参数:手机:小米mix3素材:736 × 57680帧Apng:75质量;Webp:75质量;VAP:2000码率调研方案:矢量动画方案(代表Lottie):Lottie矢量动画压缩率很高,但因为无法显示特殊效果(比如粒子特效),所以此方案不适合;动图方案(代表GIF,Apng,Webp):GIF:只支持8位颜色,颜色丢失严重,解码性能低,无法满足特效效果;Apng,Webp:能够满足特效效果,但文件大,软解效率低(低端的手机上,比如当年的红米1,解码过程甚至能导致整个直播间卡顿),这些问题很难接受;视频方案(代表mp4):采用H264编码,相比动图方案,有很高的压缩率,硬件解码效率很高,缺点很明显,无法支持透明背景;调研后发现,要么特效表现无法达到要求(Lottie,GIF),要么文件太大而且还是软解(Webp,Apng),要么不支持透明度(mp4),这些方案都不能满足我们的需求,于是高性能动画组件VAP诞生。平台支持支持:Android, iOS, web.接入说明在对应平台目录中
为大家更方便地使用组件,还有配套的素材制作工具 tool (工具目前只支持Mac版本)
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论