关于直播动效，将json数据和图片合成动效可不可以用Lottie实现

m0_50693732 2020-09-09 05:43:31

相当于上传图片 + 视频模版合成整体动效

...全文

173 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文将从为什么要做动画，到动画实现方式，再到用AE+Bodymovin制作动画，结合实际案例行分享，希望给新手带来一些启发。首先我们来聊聊，我们为什么要做动效？ 1、突出产品某项功能在APP中，我们经常遇到需要突出某个东西或者是新增某个东西，那我们可以通过动效形式，来吸用用户注意力，让用户产生好奇的欲望去点击发现更多。图片来自-口碑APP 2、表达产品界面层级关系让用户更直观的了解产品界面层级关系、空间关系、运动轨迹、使用方法等图片来自-App Store 3、增加产品

动效作为产品与用户沟通的重要形式，不断演进发展。本文依据业务需求，全面对比常用Web动效格式的差异，调研优秀特效播放方案，经改造实现功能升级，以满足如直播间及语聊房礼物特效等多样化业务场景需求。Alpha MP4虽有优势，但长时间或无间断重复性播放可能带来性能问题。动效实现方式多样，应分析各动效格式优缺点，结合业务需求选择最佳实践方式。欢迎大家在评论区留言讨论，分享更多关于Web动效实现的想法和经验。

Android 动画 SVGA 、 Lottie 与 Motion Editor 目前在直播时，我们会看到很多非常酷炫的动画，通常会使用 Lottie 或者 SVGA 格式输出。 Lottie 、 SVGA是对图片内容进行动画；两种各有优劣，lottie包含图片会很大，但能够在mac上支持ae的图层颜色渐变（svga不支持） (1) 相关的网站用过的都说好，SVGA官网：https://svga.io/index.html 图片压缩网站：https://tinypng.com/

编者按：音视频产品中的动效素材需求是源源不断的，例如贴纸花字，转场特效，照片和视频模板等，并且对它们的产量，上线速度，以及视觉效果都有比较高的要求。但在传统工作流中的交付成本却非常高，需要通过代码来手动还原设计师预设的动效内容。为了降低或消除动画相关的研发成本，腾讯内部历时 5 年研发了一套 PAG 动画工作流的解决方案，能够一键将 AE 动画内容导出并应用到几乎所有的主流平台。LiveVideo...

随着软件技术、硬件设备的性能以及产品设计的形式、风格的不断推陈出新，动效UI视觉设计在一对一直播系统的应用中越来越普遍，精美的动态UI可以向用户展现系统操作状态、增强用户对于操纵交互的感知、通过动态视觉化的方式向用户呈现操作结果、大幅优化了用户的使用感。我们在做自己的产品时也十分注重动效UI方面的用户体验，包括直播、短视频以及一对一直播等产品中都用到了很多动效UI。这其中也包括一些相对较...

29,046

社区成员

12,467

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章