随着 Flash 的衰落 和 移动设备的爆炸式增长，越来越多的内容正在以 HTML5 视频的方式发布。你可以通过 用 HTML5 视频片段代替 GIF 动画 的方式来优化你的网站速度。然而，视频文件本身就有大量可优化的地方，你可以借此提升它们的性能。 其中最重要的一点是视频文件…

特效的渲染方式，（bodymovin有三种渲染方式svg,html,canvas)，主要考虑的是在anroid的低端机子上的性能问题。 bodymovin是有load的，在加载动画json的时候，ajax load 文件只能是http or https协议头。 连击的处理；刚开…

用户通过上传合适尺寸的图片，选着渲染动画的效果和音乐，可以预览类似幻灯片的效果，最后点击确认生成视频，可以放到头条或者抖音播放。 视频码率就是数据传输时单位时间传送的数据位数，一般我们用的单位是kbps即千位每秒。通俗一点的理解就是取样率，单位时间内取样率越大，精度就越高，处理…

帧动画的缺点和局限性比较明显，合成的雪碧图文件大，且在不同屏幕分辨率下可能会失真。经调研发现，Lottie是个简单、高效且性能高的动画方案。 Lottie是可应用于Android, iOS, Web和Windows的库，通过Bodymovin解析AE动画，并导出可在移动端和we…

有时候我们希望使用某一张图片作为视频素材的封面 ，而不是素材中的某帧。今天使用ffmpeg批量替换视频素材封面。

Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，用过都说好。完全解耦开发人员和设计师，让设计师设计的动画，在程序中无缝还原，真是一旦拿起绝不放下。 之前也写过两篇关于 Lottie 基础的文章，还不了解的可以先看看。 Lottie 虽然非常好用，但是从…

前言事情的起因是在掘金中看到「网易云音乐大前端」团队分享的【剖析lottie-web动画实现原理】，开始学习如何使用Lottie并在项目中运用Lottie网址：http://airbnb.io/lot