授权协议: MIT
操作系统: 跨平台
收录时间: 2020-09-14
提 交 者: 永和

VAP(Video Animation Player)是企鹅电竞开发的,用于播放酷炫动画的实现方案。

  • 相比 Webp、Apng 动图方案,具有高压缩率(素材更小)、硬件解码(解码更快)的优点
  • 相比 Lottie,能实现更复杂的动画效果(比如粒子特效)
  • 还能在动画中融入自定义的属性(比如用户名称, 头像)

项目背景

企鹅电竞是个直播平台,需要在直播间里显示酷炫的送礼动画。

动画越酷炫,对素材大小与解码性能要求越高,调研了很多方案,先给对比表:

- 文件大小 解码方式 特效支持
Lottie 无法导出 软解 无粒子特效
GIF 4.6M 软解 只支持8位色彩
Apng 10.6M 软解 全支持
Webp 9.2M 软解 全支持
mp4 1.5M 硬解 无透明背景
VAP 1.5M 硬解 全支持
  • 测试参数:
    • 手机: 小米mix3
    • 素材: 736 × 576 80帧
    • Apng: 75质量; Webp: 75质量; VAP: 2000码率

调研方案:

  1. 矢量动画方案(代表 Lottie):Lottie 矢量动画压缩率很高,但因为无法显示特殊效果(比如粒子特效),所以此方案不适合;
  2. 动图方案(代表 GIF, Apng, Webp):
    • GIF:只支持 8 位颜色,颜色丢失严重,解码性能低,无法满足特效效果;
    • Apng, Webp:能够满足特效效果,但文件大,软解效率低(低端的手机上,比如当年的红米1,解码过程甚至能导致整个直播间卡顿),这些问题很难接受;
  3. 视频方案(代表 mp4): 采用 H264 编码,相比动图方案,有很高的压缩率,硬件解码效率很高,缺点很明显,无法支持透明背景;

调研后发现,要么特效表现无法达到要求(Lottie, GIF),要么文件太大而且还是软解(Webp, Apng),要么不支持透明度(mp4),这些方案都不能满足我们的需求,于是高性能动画组件 VAP 诞生。

平台支持

支持:AndroidiOSweb. 接入说明在对应平台目录中

为大家更方便地使用组件,还有配套的素材制作工具 tool (工具目前只支持 Mac 版本)

 
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

VAP 的相关资讯

还没有任何资讯

VAP 的相关博客

ros的AP创建20个虚拟AP-VAP的脚本

用于解决游戏登录需要不同的MAC不同AP的情况

【誉天教育|解忧番外篇】使用eNSP搭建小型WLAN局域网实验

前言 本次实验使用eNSP中AC6005,AP6050完成实验。所有配置在AC1上完成。 实验拓扑 配置过程 一、配置AC1上端口VLAN的配置 其...

华为无线控制器启用802.1X认证配置

第一步、配置基础配置 <AC6005>system-view [AC6005]vlan batch 10 to 14 [AC6005]int vlan 10 [AC6005-Vlanif10]ip address ...

AP注册

1.ac发现ap 两种模式:二层发现、三层发现 按ap与ac所处ip网段不同,可以把注册过程分为二层模式和三层模式: 两种模式均通过...

来自一个腾讯大佬出品的动画特效开源库

请注意📢 请注意📢 请注意📢 以下内容为没收一分💰的广告,朋友负责的项目,想借着我的这一亩三分地推广下~感兴趣的朋...

华为AC中服务集命令解释配置

转载自: http://m.baidu.com/from=1017183u/bd_page_type=1/ssid=0/uid=0/pu=usm%401%2Csz%401320_1001%2Cta%40iphone_2_8.1...

经典无线场景1:HUAWEI AC+AP组网

经典无线场景1:HUAWEI AC+AP组网 1、LSW2配置如下: <Huawei>dis cu sysname Huawei vlan batch 100 200 to 201 4000 dhcp ...

三层AP上线

交换机和AC中的一个做dhcp就可以 LWS1: vlan batch 100 to 103 200 300 interface Vlanif100 ip address 192.168.10.254 255....

分析数据库——分析系统的艺术

前端时间一直在做YH收银系统重构的需求。下载了几个收银软件,都是cs的,功能分析得差不多了,就想看看表结构,结果发现有2个...

VAP 的相关问答

还没有任何问答,马上提问

评论 (4)

加载中
资瓷
昨天 08:12
回复
举报
这个……跟遮罩字幕是同一个道理吧。
09/23 15:07
回复
举报
带alpha的mpeg播放器?
09/23 09:50
回复
举报
强,我们就需要这样的底层小创新
09/23 08:53
回复
举报
更多评论
4 评论
29 收藏
分享
在线直播报名
返回顶部
顶部