公司做的直播项目正处在优化阶段,前期仓促上线,所以直播间的礼物特效使用的是帧动画,勉强说得说去!
推荐阅读 iOS重拾直播系列-直播间礼物效果
SVGA Animation
全新的动画格式,高性能动画播放体验, SVGA 是一种同时兼容 iOS / Android / Web 多个平台的动画格式。
SVGA集成指南
iOS
使用 CocoaPods 集成源码，将以下依赖
pod 'SVGAPlayer'
添加至 Podfile 文件。
使用代码或 IB 添加 SVGAPlayer 至 View 中，具体方法参见：https://github.com/yyued/SVGAPlayer-iOS
Android
- 使用 Gradle 集成源码，添加 JitPack.io 到 root build.gradle 中
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
添加以下依赖:
compile 'com.github.yyued:SVGAPlayer-Android:2.0.0'根据需要修改版本号，要获取最新的版本请点入：
https://jitpack.io/#yyued/SVGAPlayer-Android/。使用代码或 XML 添加 SVGAImageView 至 View 中，具体方法参见：https://github.com/yyued/SVGAPlayer-Android。
Web
直接在： https://github.com/yyued/SVGAPlayer-Web 下载 build/svga.min.js，
并添加至目标页面。或使用
npm install svgaplayerweb —save添加依赖，
并在需要使用的 js 中添加require('svgaplayerweb')添加 Div 容器，并加载动画，
具体方法参见： https://github.com/yyued/SVGAPlayer-Web。
如何使用
简单集成的demo https://github.com/TsuiOS/SVGSDemo.git
参考文档或者官方Demo很容易集成! 后续直播项目中集成的时候再更新中间遇到的问题
三种方式加载动画
- (void)parseWithURL:(nonnull NSURL *)URL
completionBlock:(void ( ^ _Nonnull )(SVGAVideoEntity * _Nullable videoItem))completionBlock
failureBlock:(void ( ^ _Nullable)(NSError * _Nullable error))failureBlock;
- (void)parseWithData:(nonnull NSData *)data
cacheKey:(nonnull NSString *)cacheKey
completionBlock:(void ( ^ _Nullable)(SVGAVideoEntity * _Nonnull videoItem))completionBlock
failureBlock:(void ( ^ _Nullable)(NSError * _Nonnull error))failureBlock;
- (void)parseWithNamed:(nonnull NSString *)named
inBundle:(nullable NSBundle *)inBundle
completionBlock:(void ( ^ _Nullable)(SVGAVideoEntity * _Nonnull videoItem))completionBlock
failureBlock:(void ( ^ _Nullable)(NSError * _Nonnull error))failureBlock;
参考资料
开源代码
SVGA简介 SVGA-Format
SVGA示例动画 SVGA-Samples
