全新的动画格式

高性能动画播放体验

SVGA 是一种同时兼容 iOS / Android / Web 多个平台的动画格式。

为什么选 SVGA?

对码农友好

便捷的 SDK 使得 SVGA 可运行在不同平台上,集成步骤轻松简单。

对设计师友好

你可以使用 After Effects 或是 Animate CC (Flash) 进行动画设计,SVGA 可以支持其中的大部分效果,设计师使用导出工具即可生成动画文件。

性价比更高

动画文件体积更小,播放资源占用更优,动画还原效果更好。

集成指南

将播放器集成至 iOS / Android / Web

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'

根据需要修改版本号,要获取最新的版本请点入:

使用代码或 XML 添加 SVGAImageView 至 View 中,具体方法参见:https://github.com/yyued/SVGAPlayer-Android。

Web

并添加至目标页面。

或使用 npm install svgaplayerweb —save 添加依赖,

并在需要使用的 js 中添加 require('svgaplayerweb') 添加 Div 容器,并加载动画,

设计师工具

在 After Effects 2017 或 Animate CC 2017 中导出 SVGA 文件

Windows

下载 windows 的专用安装器:

解压下载的 zip 包

运行 install.exe -> Install Now 进行安装

打开 Animate CC 或 After Effects 将被转换文件保存

选择 菜单 > 窗口 > 扩展 > SVGAConverter

选择 输出路径 > 开始转换,稍等片刻后,svga 文件就会生成在您所输出的目录并开始播放

Mac

点击下载安装包:

下载、安装并运行 Adobe 的插件安装程序 ZXP Installer

选择 菜单 > 文件 > 打开,选中下载好的安装包,根据引导完成安装

打开 Animate CC 或 After Effects 将被转换文件保存

选择 菜单 > 窗口 > 扩展 > SVGAConverter

选择 输出路径 > 开始转换,稍等片刻后,svga 文件就会生成在您所输出的目录并开始播放

android 动画直播,直播动画实现方案一相关推荐

  1. 直播App中Android酷炫礼物动画实现方案(上篇)

    在当下移动直播火爆的年代,如果你曾经使用过移动端直播应用,相信会被里面那令人惊叹的礼物动画效果迷住,比如像下面这样的效果. 从开发人员的角度来看,这样的效果虽然漂亮,实现但却是一大挑战,除了要考虑编码 ...

  2. 成品app直播源码中Android酷炫礼物动画实现方案(上篇)

    成品app直播源码中Android酷炫礼物动画实现方案(上篇) +在当下移动直播火爆的年代,如果你曾经使用过移动端直播应用,相信会被里面那令人惊叹的礼物动画效果迷住,比如像下面这样的效果. 从开发人员 ...

  3. 直播App中Android酷炫礼物动画如何通过直播程序源码实现方案

    直播App中Android酷炫礼物动画如何通过直播程序源码实现方案 这个动画,如果输出成GIF的话,要3MB,尺寸是750*750.在上一篇文章中已经介绍过几种被否掉的方法,这里再稍作补充说明,如果使 ...

  4. 直播系统源码App中Android酷炫礼物动画直播平台源码搭建教程(上篇)

    直播系统源码App中Android酷炫礼物动画直播平台源码搭建教程(上篇) 在当下移动直播火爆的年代,如果你曾经使用过移动端直播应用,相信会被里面那令人惊叹的礼物动画效果迷住,比如像下面这样的效果. ...

  5. android炫酷动画代码,Android高级UI特效仿直播点赞动画效果

    Android高级UI特效仿直播点赞动画效果 发布时间:2020-10-02 16:06:18 来源:脚本之家 阅读:117 作者:mrr 本文给大家分享高级UI特效仿直播点赞效果-一个优美炫酷的点赞 ...

  6. 直播app源代码 直播软件开发Android UI动画 仿直播点赞飘心动画效果

    直播app源代码 直播软件开发Android UI动画 仿直播点赞飘心动画效果 一个飘心的小动画,之前看也看到网上有很多轮子,但是感觉不是很符合我的需求,所以自己就凑活凑活搞出来一个,废话不多说先看图 ...

  7. android 直播评论动画,Android自定义View实现直播点赞特效

    由于开发的需要,需要开发类似直播点赞特效的需求,于是自定义View来实现这种效果 案例图: 1.自定义View import android.animation.Animator; import an ...

  8. 【Android -- 动画】Lottie 动画的基本使用

    一.简介 Lottie 是 Airbnb 开源的一个面向 iOS.Android.React Native 的动画库,能分析 Adobe After Effects 导出的动画,并且能让原生 App ...

  9. Android 直播 直播架构技术浅析

    Android 直播 直播架构技术浅析 直播推流全过程: 直播间页面UI分析 直播涉及专有名词解释 直播相关技术点及开源项目 直播推流全过程: 直播间页面UI分析 这里截取了陌陌中直播页面UI样式,做 ...

最新文章

  1. tomcat进程意外退出的问题分析
  2. Spring 容器IOC解析及简单实现
  3. GUN Global + Vim及其插件 打造Android源码阅读器
  4. Hadoop MapReduce概念学习系列之map并发任务数和reduce并发任务数的原理和代码实现(十八)...
  5. 服务器上的VGA切换原理,VGA切换器使用方法和常见问题说明
  6. 【转贴】Lua 5.0 参考手册
  7. 兜兜转转一个圈,到底What is all you need?
  8. 渗透测试技巧之Redis漏洞利用总结
  9. redis底层数据结构简述
  10. MySQL时间戳与日期格式的相互转换
  11. ORA-14551: 无法在查询中执行 DML 操作
  12. python输入姓名年龄输出年龄最大的_输入姓名打印年龄练习
  13. WebRTC:会话描述协议SDP
  14. Java实现的企业员工考勤管理系统
  15. centos7+docker+安装mysql5.7
  16. WSJ Merkel Top On Forbes' Most Powerful Women List For 4th Year
  17. ssm框架bean_Bean简介:简化的WordPress框架
  18. 常用的数据挖掘建模工具
  19. 运筹学上的lingo小练习——秒懂
  20. linux指令__刘璐萍

热门文章

  1. 软工专硕考研_03 2018年考研经验贴:西安交通大学软件工程专硕
  2. Photoshop 2020 更新内容
  3. python热更新原理_Python功能点实现:数据热更新
  4. python中del什么意思_python del函数是什么以及如何使用?
  5. 什么是软链接?什么是硬链接?
  6. 99种用Racket说I love you的方式
  7. 基于CNN卷积神经网络实现中文手写汉字识别
  8. 大型web系统数据缓存设计
  9. 鼓励与信任让人变得强大
  10. MicroPython-On-ESP8266——WIFI与网络