谈起web上的动效播放，大家可能会想起一系列的方案，Svga、Lottie、Spine（后续计划讲一讲）、序列帧动画、PAG...(gif/apng/webp格式就不说了，资源体积是硬伤，只适合简单动

视频作为一种重要的媒体形态，在网站中使用可以提高网站内容的丰富性，但同时对网络加载来说也是一个负担。所以会出现一些如下针对 Web 上视频的优化。

作为前端同学，或多或少都会接到动画需求。目前动画效果越来越酷炫，动画的绘制难度也逐渐增大。在上述两篇文章中都各自讲述了 APNG、Lottie 的原理、优缺点等，今天要讲的主题是 Video 实现动画

这里我们的核心目标是动画的背景可替换，比如说，这里的视频可以有背景色，像以下的图。 接下来我们先对方案进行对比。 选用webgl的话，目前已经有很多很成熟且大型的库可供使用比如pixijs lottie，这些库动画效果酷炫，体积偏大，比如pixijs的cdn版本有80k，lot…

本文介绍了如何在 Vue3 项目中集成和使用腾讯的 PAG 动效引擎，包括安装方式、动画加载与销毁、性能优化（如懒加载和 CDN 加速）及常见问题解决方案。