首页产品功能文档案例CNGitHub论坛交流免费下载

了解 PAGPAG 简介常见问题快速开始安装 PAGViewer安装 AE 导出插件导出 PAG 文件SDK 快速接入导出插件插件选项配置面板导出面板使用指南BMP 预合成导出PAG 填充模式PAG 时间伸缩快捷键设置导出错误码说明AE 导出检测规则文本制作规则添加文本背景如何导出音频手动安装导出插件预览工具编辑预览效果查看 PAG 文件结构快捷键列表导出图片序列素材加密素材加水印切换 Beta 版本性能优化使用性能监测面板PAG 素材优化指南移动端进阶常用 API 解读UI 及列表场景播放优化占位图替换视频播放有声素材文本图层说明使用加密素材渲染导出视频企业版 SDK 鉴权Web 进阶SDK 安装加载 PAG 文件播放 PAG 文件平台特性说明WebWorker 版本介绍API 参考API 文档视频教程PAG 使用流程PAG 性能优化分享PAGExporter 面板分享PAG 线上答疑资源下载PAGViewer 下载PAG 测试素材下载PAG Demo 工程下载2022 音视频技术大会PAG 转换工具下载PAG 文件格式规范TAVMediaTAVMedia 简介TAVMedia 快速入门常用 API 解读其他Lottie 迁移至 PAG专业词汇表常见问题问：PAG 支持哪些平台？PAG SDK 目前已经支持 Android、iOS、macOS、Windows、Linux、Web 和微信小程序等平台。 桌面预览工具 PAGViewer 和 AE 导出插件同时支持 macOS 和 Windows 平台。目前在 Android、iOS、Web 和微信小程序平台上我们会定期发布预编译的制品库，具体接入参考：移动端接入 SDKWeb 端接入 SDK微信小程序接入 SDK其他平台由于没有统一的 UI 框架或者使用上本来也需要自己做一些渲染桥接的适配，我们没有发布统一的预编译制品库，可以自行从Github 的源码进行构建。问：PAG 源码编译的时候报错了怎么处理？PAG 项目的编译依赖一些第三方库的下载同步，以及正确版本的编译工具安装。在运行 Demo 前请务必先阅读位于根目录的 README.md，根据 开发指南 一节的指引进行依赖同步和编译环境配置。如还有问题，可以在 Github Discussions 向我们反馈。问：PAG 支持模拟器吗？在模拟器上测试性能是否准确？PAG 只保证 UI 动画在模拟器里的基本预览，不建议在模拟器上高强度使用或者进行性能测试。PAG 是一个全链路 GPU 加速的 渲染方案，在模拟器上由于无法开启 GPU 加速，性能会比实际情况差很多，另外模拟器也缺失部分必要的接口，导致一些配合高级视频编辑功能的接口在模拟器上也不支持。例如无法绘制到 CVPixelBuffer 离屏对象上。另外模拟器也不是真实用户场景，性能测试请使用真机进行。问：PAG 支持 Flutter 使用吗？PAG 支持 Flutter 使用，这里也有一个第三方作者上传并维护的示例工程，可以供参考：https://github.com/libpag/pag-flutter.git。有相关的使用问题可以直接在该仓库提交 Issue，作者会定期更新维护。问：PAG 与视频编辑的关系？PAG 诞生之初就是为了解决视频编辑场景下的复杂动效效果渲染需求，提供了相关接口可以便捷的与原生视频渲染链路相整合，但 PAG 本身并不是视频编辑框，它只负责通用动效素材的渲染还原部分，也可以广泛应用于除了视频编辑外的众多其他场景。视频编辑框架属于另一个技术范畴的领域，需要业务方自己开发或者接入行业里成熟的方案，解决视频编解码，合成，导出等能力。在成熟的视频编辑框架选型方面，我们已经把腾讯系业务在使用的全功能视频编辑框架 TAVMedia 上架到了 PAG 的官网售卖。它能够全面覆盖音视频编辑场景下的各种底层能力需求。如果业务侧并不需要全功能的 TAVMedia，只需要视频模板相关的能力。我们也已经将相关能力从 TAVMedia 里抽离出来，内置集成到了 PAG 企业版中，整体的性价比会更高而且接口使用门槛更低。开箱即用地支持 PAG 文件中的占位图替换视频，音频播放，渲染内容一键导出成视频文件等。能够帮助用户聚焦业务需求本身，快速轻松实现多平台（Andorid、iOS，服务端）的视频模板功能。更详细的信息可以访问 PAG 官网产品介绍页。问： PAG 文件为什么在移动端播放不出声音？PAG 文件支持集成音频数据，导出方法具体方法参照 如何在AE中导出音频。但由于 PAG 支持组合播放以及运行时编辑等能力，要实现完整的音频播放必须依赖音视频框架进行混流，也就无法在不明显增加包体的情况下默认实现。因此 PAG 社区版目前仍然只专注于渲染画面的部分。音频播放或者合成到视频里需要业务方使用音视频框架自行处理。研发侧可以从 PAGFile.audioBytes 接口上读取 PAG 内置的音频数据，将它存储为本地文件使用或者直接在内存中解码都可以。audioBytes 字节流的编码格式为 AAC，容器格式为 MPEG-4。而内置了视频模板能力的 PAG 企业版因为自带音视频处理模块，也默认增加了对音频播放的支持，不仅支持 PAG 内嵌的音频组合播放，也同时支持用户替换进来的视频所附带的音轨，并能够最终合并导出视频文件。如果需要，欢迎接入使用 PAG 企业版。问：PAG SDK是否支持加载网络文件？目前还不支持，我们计划在 PAG 4.3 版本支持，预计是 2023 年 7 月份。问：PAG Windows 版本是否可以直接和 DirectX 11 的现有游戏结合？目前没有计划要去直接支持 DX 的渲染后端，但是可以通过 Google 的 ANGLE 项目把 DX 包装成 OpenGL 让 PAG 进行渲染。目前 Chrome 在 Windows 上也是采用的这种实现方案。问：在移动端 App 的 UI 场景上使用 PAGView 只播放了一个动效文件，为什么内存占用那么大？PAG 是纯 GPU 渲染的方案，但不像在游戏引擎或者音视频编辑框架里，GPU 渲染在移动端的原生系统 UI 框架里获取不到系统已有的上下文，只能创建独立的 GPU 上下文环境，导致存在一定的额外桥接开销。一个独立上下文的 GPU 渲染的方式都会有一个初始的屏幕缓冲区开销，如果测试的时候是全屏的，每个像素都需要占用 4 字节的内存，加上双缓冲整体还要乘以 2，已经占用了几十 M 内存了。这个本身不是 PAG 动效占用的内存，而是任何 GPU 渲染方案的基本占用，但是它并不是线性增长的。PAG 提供了合并渲染的能力，你只需要创建一个 PAGView 就可以绘制无数个 PAG 动效文件上去，举个例子，共享 PAGView 的情况下，初始开销可能是几十 M，但是每增加一个 PAG 动效文件可能只增加几 M，所以不能通过一个全屏的 PAGView 测试单个 PAG 文件播放的内存占用来推理 N 个 PAG 动效的内存占用。要放到实际业务场景中进行测试才有意义。建议没有遇到真实的瓶颈时不用过度优化，抓大放小。另外我们从 4.2 版本开始增加了针对 UI 场景的专用播放组件 PAGImageView，可以有效绕开 GPU 实时渲染方案在 UI 场景下劣势。尤其是对 UI 列表或同一页面中同时播放多个 PAG 文件的场景，可以显著降低内存占用同时提升渲染性能。其主要原理是充分利用了磁盘缓存，在渲染当前帧的同时，也将当前帧的渲染数据缓存到本地。单个动效文件在整个生命周期中用户只会看到一次短暂基于 GPU 实时渲染的画面，后续都是直接读取高速的磁盘缓存来呈现，并且即使重启 App 后缓存也仍然有效。从而降低整个渲染过程中因为 GPU 实时渲染而引入的额外基础开销。另外由于 PAGImageView 跟 UI 框架之间并没有 GPU 桥接层，天然的能够高性能混合，也就无需处理任何额外的合并播放逻辑。但如果是非 UI 场景下播放，例如视频编辑处理，要实时渲染海量的同屏动效素材，使用 PAGView 合并渲染仍然是最优的方案。问：PAGViewer 里执行占位图替换或者文本编辑后，怎么导出 PAG 文件？PAGViewer 并没有导出 PAG 文件的能力，只是一个预览工具。PAG 文件只能通过 AE 插件进行导出。这里可能是对 PAG 使用方式上的理解存在误区。PAG 提供的运行时编辑替换功能不是用来生成新的 PAG 文件的，编辑的产物应该是生成一个视频或直接播放动效。可以把 PAG 文件理解为一个动效模板，运行时可以替换为用户千变万化的个性信息，组合出无限的可能，如果每种可能都生成一个新的PAG 文件就失去了模板的意义了，这样导致用户使用的时候要下载无数个 PAG 文件。而正确的用法应该是始终只有一个 PAG 文件，但是可以播放或者渲染出无数的组合效果。问：PAG 导出插件是否支持 AE 表达式？AE 表达式还没有原生支持，因为涉及了 JS 虚拟机植入，包会很大，还在考虑最好的方案。但目前是可以导出包含表达式的动效内容的，可以参考如下两种方式导出：右键含有表达式的图层，使用快捷菜单可以把表达式转换为标准的关键帧，然后导出即可。包含表达式效果的图层，如果不需要在运行时被编辑，也可以标记为 BMP 预合成 后导出，这种方式不仅可以导出表达式，甚至第三方插件的效果也可导出。问：导出 PAG 时弹出了一个优化建议页面，是什么意思？提示页面包含两种信息，一种是性能优化建议，发现素材性能不理想时可以根据提示进行优化。另一种是显示当前不支持的能力，对于不支持的能力，可以转化为BMP预合成来导出，可以参考BMP预合成导出，可以在 AE 特性支持列表查看支持直接被导出的 AE 特性列表。问：添加了很多特效（Effect），但导出后不见了？可以在 AE 特性支持列表 里找到目前支持直接导出的特效。如果没有在这个列表里，但特效并不是用在运行时可编辑的图层上（不打算替换内容），或者这是第三方插件的特效，可以转化为BMP预合成来导出，可以参考 BMP 预合成导出。如果你需要用在运行时可编辑的图层上，目前还不支持直接导出，可以通过 Github Discussions 给我们提个需求，我们会根据需求的通用程度排出优先级逐个提供支持。问：标记为 BMP 预合成后，本来不支持的效果就可以导出了，但感觉清晰度不太够？可以在对插件选项进行配置，请参考这个文档 插件选项配置面板 与清晰度有关的参数是：通用页面下的图像压缩质量 和 位图像素密度BMP预合成 页面下的 图像压缩质量但通常情况下并不需要修改这些默认参数，它们已经被设置在文件大小和清晰度的最佳平衡点上。通常情况下清晰度问题更多是由于额外的素材转换操作导致的。例如提前把一些效果转换成视频放进 AE 里再标记为 BMP 预合成导出，或者自行对图片资源进行压缩后放进 AE 使用。所有这些操作只会导致清晰度降低，并不会对最终导出的 PAG 文件带来任何的文件大小优化。PAG 导出插件已经内置了极高压缩率的算法，请不要额外做任何额外的优化文件大小操作，在 AE 中请一律使用最高清的资源进行动效设计，最终交给 PAG 导出插件来进行统一的压缩就行。 我们推荐如下最佳实践：能用矢量直接绘制的，比如图形或者文本，就不要使用 PS 转换为图片再导入 AE 使用。直接在 AE 里绘制。如果必须从外部工具导入 AE 的资源，且原始资源本身就是矢量的，请尝试转换为 AE 原生的图层类型，否则 PAG 无法识别只能截图处理。无法直接进行导出的 AE 特效，不要自行转成视频放进来再标记为 BMP 预合成导出，标记为 BMP 预合成本来就是帮你截图压缩成视频，两次视频压缩会导致清晰度降低。直接标记为 BMP 预合成让 PAG 导出原始的图层即可。注意一下导出的分辨率是否足够。如果是矢量的内容，跟分辨率无关。如果导出的动效包含位图或者 BMP 预合成，清晰度跟根节点的总预合成的尺寸直接相关。在满足清晰度的情况下，尽可能选择合适的分辨率。问：导出的 PAG 文件在客户端渲染时为什么会有色差？桌面预览工具 PAGViewer(2.1.40版本以上) 和客户端 SDK 使用的色彩空间都已经修正为 sRGB。目前解决色差最佳的方式还是 sRGB， 类似 P3 这种广色域的色彩空间并不是所有设备都能支持。如果 AE 设置的是其他色彩空间，请修改为 sRGB，否则导出的 PAG 文件在 渲染的时候可能会出现色差。问：导出的 PAG 文件为什么播放卡顿不流畅，如何优化素材性能？PAG 同时支持纯矢量导出（包含图片图层）和 BMP 预合成导出。素材的性能问题通常都是因为过多使用了 BMP 预合成导致的， 针对 BMP 预合成的使用可以参考如下规则：尽量不用：通常只有在正常导出效果不正确时，才使用 BMP 预合成。可以参考 AE 特性支持列表 文档查看支持直接导出的 AE 特性。尽量少用：如果有多个图层和预合成需要使用 BMP 预合成，尽量将它们合并，以减少 BMP 预合成的数目。控制面积：尽可能避免巨大面积的预合成标记为 BMP 预合成导出，只拆解必要的动效区域出来标记为 BMP 预合成导出。通过以上方式已经能解决绝大部分的素材性能问题，其他更多的素材优化技巧可以参考 PAG 素材优化指南 。问：如何只播放 PAG 文件的某个区间或者调整播放速度？在 PAGView 上没有找到接口。这类功能大家可能直觉地会想到去 PAGView 或 PAGPlayer 这些播放控制类上找，但其实应该通过操作 PAGFile 来实现任何定制化的播放需求。区间播放：首先通过 PAGComposition.Make() 方法创建一个空的 PAGComposition 容器，然后通过它的 addLayer 接口添加你想要播放的 PAGFile 对象。接着你可以对这个 PAGFile 调用 setStartTime 和 setDuration 来控制你想播放的具体区间。最后把这个总的 PAGComposition 交给 PAGView 去播放即可。举例：一个8s长的pag文件需要循环播放3~6s，将PAGFile添加到PAGComposition后，设置PAGFile的startTime为-3000000，duration为6000000变速播放：首先设置 PAGFile.setTimeStretchMode(PAGTimeStretchMode.Scale)，然后通过 PAGFile.setDuration() 接口设置你想变速后播放的时长即可，设置比原始更长时间是慢速播放，设置更短时间是快速播放。PAG 提供了非常灵活的图层级别控制 API，运行时可以自由排列组合多个 PAGFile，通过 setStartTime 和 setDuration 控制时间轴，通过 setMatrix 控制相对位置，也可以对图层进行增删改等等。具体可以参考 PAGLayer 以及 PAGComposition 等类的相关接口。通过图层级别的控制 API，你也可以设计一系列复杂的原子特效组合特性，在制作 PAG 素材时就不在需要把各种排列组合的场景都逐一在 AE 拼装导出一遍，而是只要导出拆分的原子 PAG 文件，然后运行时通过编程控制可以组合出无限种类的效果。问：PAG 中字体加载的策略是什么？ Linux 端文本为啥无法正常显示？由于字体文件一般都比较大，pag 文件中不会包含字体文件，但文本内容的显示依赖于字体文件。如果需要显示特定字体，无论那个平台就需要进行字体注册。字体注册相关接口参考 PAGFont 的相关方法。 RegisterFont 方法用来注册字体，SetFallbackFontPaths 用来设置字体回退列表。当输入文本的字体无法匹配到时，会使用回退列表中的字体。在Android、iOS、macOS 和 Windows 平台，我们内部注册了部分系统字体为回退字体，所以即便没有注册字体，文本的字体没有匹配到也可以回退到部分系统字体。但在 Linux 平台没有注册默认字体为回退字体的逻辑，因此如果没有注册字体，文本是无法正常显示的。问：PAG 收费吗？PAG 的 AE 导出插件和桌面预览工具目前都是完全免费的，SDK 部分主要分为两个版本：社区版：完全开源免费，采用 Apache 2.0 协议，可以自由商用。社区版只专注于通用的动效渲染还原以及动效文件格式的标准化，并针对动效播放等轻度使用场景提供开箱即用的支持。其他重度使用场景如视频编辑，直播等需要业务方自行封装实现，适合人力充足且已有较深框架积累的团队。企业版：付费授权使用，在社区版的通用功能的基础上会持续增加一些针对重度使用场景的高阶能力封装。例如开箱即用的视频模板相关能力，以及素材加密等。业务侧选购后除了能显著减少自行封装实现的大量研发成本外，还可以获得官方团对一对一的即时技术支持服务，加速产品需求的高效落地。有个朴素但可能比较违反直觉的事实：完善的商业化体系支撑才是开源项目可以持续发展的唯一保障，而不是依赖情怀或者承诺。只有充分商业化的项目，才可能有更多的资源持续投入到免费功能的迭代以及社区用户对接中，否则在任何团队都会最终沦为低优先级的任务，或者短期晋级答辩的 KPI 产物，最终导致所有用户的长期稳定使用都得不到有效保障。因此 PAG 团队也会始终将商业化探索作为高优的任务执行。但总体上我们会坚持以下两点原则：已免费的能力项未来不会转付费。所有现在免费的单点能力，未来也不会转换为付费，可以放心使用。我们只会在新增的高阶能力上探索付费点，并且主要围绕垂直的重度使用场景，或者研发成本非常高的单点新功能。保持 PAG 文件格式的标准通用。社区版本仍然会得到通用能力的持续更新，部分研发成本非常高的付费新功能会阶段性付费，但也会在文件格式层面始终保持开源。业务侧也可以基于标准格式提前自行实现渲染。问：PAG 的 AE 导出插件闭源的原因是什么呢？未来会开源么？答案是不会。举个大家比较熟悉的例子可能更好理解：谷歌的 Chrome 浏览器也不是开源的，开源的是核心的 Chromium 项目。目前开源的 libpag 项目不只是一个渲染库， PAG 文件的核心编解码模块也在其中是完全开源的。所以从原理上如果你希望从头实现一个 AE 导出插件，现在并不存在什么技术上的阻碍，只需要调用 AE SDK 和 PAG 的编码 SDK 即可，剩下的都是一些 UI 业务代码的工作，这部分并没有多少技术含量。那为什么我们不开源这部分 UI 业务的代码呢？实际上你如果只是正常使用 PAG 方案，不是为了快速创造一种不兼容的 PAG 分裂格式，是不会涉及到任何 AE 导出插件代码的内容。但如果开源这部分代码，会显著降低创造一种新的分裂格式的门槛。PAG 的格式跟其他各种图片格式不太一样，它并不是制定完标准后就固化的格式，而是一种动态演进的格式，会随着 AE 功能的支持变多而不断增量变化。如果采用去中心化的管理方式，我们很难保证 PAG 的通用一致性。一旦产生很多分裂版本的格式后，会沦为某些特定业务的私有格式，各种优化无法回馈到社区。设计师也要面对同一个资源可能要导出多种格式的额外工作量，并且需要重复生产大量相似的动效素材，而不能直接复用存量已经导出的资源。这对动效素材社区的发展不利，也是我们非常不愿意看到的。←  →公司地址：广东省深圳市南山区海天二路33号腾讯滨海大厦联系电话：0755-86013388Copyright © 2018 - 2025 Tencent. All Rights Reserved.隐私政策

首页产品功能文档案例CNGitHub论坛交流免费下载

了解 PAGPAG 简介常见问题快速开始安装 PAGViewer安装 AE 导出插件导出 PAG 文件SDK 快速接入导出插件插件选项配置面板导出面板使用指南BMP 预合成导出PAG 填充模式PAG 时间伸缩快捷键设置导出错误码说明AE 导出检测规则文本制作规则添加文本背景如何导出音频手动安装导出插件预览工具编辑预览效果查看 PAG 文件结构快捷键列表导出图片序列素材加密素材加水印切换 Beta 版本性能优化使用性能监测面板PAG 素材优化指南移动端进阶常用 API 解读UI 及列表场景播放优化占位图替换视频播放有声素材文本图层说明使用加密素材渲染导出视频企业版 SDK 鉴权Web 进阶SDK 安装加载 PAG 文件播放 PAG 文件平台特性说明WebWorker 版本介绍API 参考API 文档视频教程PAG 使用流程PAG 性能优化分享PAGExporter 面板分享PAG 线上答疑资源下载PAGViewer 下载PAG 测试素材下载PAG Demo 工程下载2022 音视频技术大会PAG 转换工具下载PAG 文件格式规范TAVMediaTAVMedia 简介TAVMedia 快速入门常用 API 解读其他Lottie 迁移至 PAG专业词汇表常见问题问：PAG 支持哪些平台？PAG SDK 目前已经支持 Android、iOS、macOS、Windows、Linux、Web 和微信小程序等平台。 桌面预览工具 PAGViewer 和 AE 导出插件同时支持 macOS 和 Windows 平台。目前在 Android、iOS、Web 和微信小程序平台上我们会定期发布预编译的制品库，具体接入参考：移动端接入 SDKWeb 端接入 SDK微信小程序接入 SDK其他平台由于没有统一的 UI 框架或者使用上本来也需要自己做一些渲染桥接的适配，我们没有发布统一的预编译制品库，可以自行从Github 的源码进行构建。问：PAG 源码编译的时候报错了怎么处理？PAG 项目的编译依赖一些第三方库的下载同步，以及正确版本的编译工具安装。在运行 Demo 前请务必先阅读位于根目录的 README.md，根据 开发指南 一节的指引进行依赖同步和编译环境配置。如还有问题，可以在 Github Discussions 向我们反馈。问：PAG 支持模拟器吗？在模拟器上测试性能是否准确？PAG 只保证 UI 动画在模拟器里的基本预览，不建议在模拟器上高强度使用或者进行性能测试。PAG 是一个全链路 GPU 加速的 渲染方案，在模拟器上由于无法开启 GPU 加速，性能会比实际情况差很多，另外模拟器也缺失部分必要的接口，导致一些配合高级视频编辑功能的接口在模拟器上也不支持。例如无法绘制到 CVPixelBuffer 离屏对象上。另外模拟器也不是真实用户场景，性能测试请使用真机进行。问：PAG 支持 Flutter 使用吗？PAG 支持 Flutter 使用，这里也有一个第三方作者上传并维护的示例工程，可以供参考：https://github.com/libpag/pag-flutter.git。有相关的使用问题可以直接在该仓库提交 Issue，作者会定期更新维护。问：PAG 与视频编辑的关系？PAG 诞生之初就是为了解决视频编辑场景下的复杂动效效果渲染需求，提供了相关接口可以便捷的与原生视频渲染链路相整合，但 PAG 本身并不是视频编辑框，它只负责通用动效素材的渲染还原部分，也可以广泛应用于除了视频编辑外的众多其他场景。视频编辑框架属于另一个技术范畴的领域，需要业务方自己开发或者接入行业里成熟的方案，解决视频编解码，合成，导出等能力。在成熟的视频编辑框架选型方面，我们已经把腾讯系业务在使用的全功能视频编辑框架 TAVMedia 上架到了 PAG 的官网售卖。它能够全面覆盖音视频编辑场景下的各种底层能力需求。如果业务侧并不需要全功能的 TAVMedia，只需要视频模板相关的能力。我们也已经将相关能力从 TAVMedia 里抽离出来，内置集成到了 PAG 企业版中，整体的性价比会更高而且接口使用门槛更低。开箱即用地支持 PAG 文件中的占位图替换视频，音频播放，渲染内容一键导出成视频文件等。能够帮助用户聚焦业务需求本身，快速轻松实现多平台（Andorid、iOS，服务端）的视频模板功能。更详细的信息可以访问 PAG 官网产品介绍页。问： PAG 文件为什么在移动端播放不出声音？PAG 文件支持集成音频数据，导出方法具体方法参照 如何在AE中导出音频。但由于 PAG 支持组合播放以及运行时编辑等能力，要实现完整的音频播放必须依赖音视频框架进行混流，也就无法在不明显增加包体的情况下默认实现。因此 PAG 社区版目前仍然只专注于渲染画面的部分。音频播放或者合成到视频里需要业务方使用音视频框架自行处理。研发侧可以从 PAGFile.audioBytes 接口上读取 PAG 内置的音频数据，将它存储为本地文件使用或者直接在内存中解码都可以。audioBytes 字节流的编码格式为 AAC，容器格式为 MPEG-4。而内置了视频模板能力的 PAG 企业版因为自带音视频处理模块，也默认增加了对音频播放的支持，不仅支持 PAG 内嵌的音频组合播放，也同时支持用户替换进来的视频所附带的音轨，并能够最终合并导出视频文件。如果需要，欢迎接入使用 PAG 企业版。问：PAG SDK是否支持加载网络文件？目前还不支持，我们计划在 PAG 4.3 版本支持，预计是 2023 年 7 月份。问：PAG Windows 版本是否可以直接和 DirectX 11 的现有游戏结合？目前没有计划要去直接支持 DX 的渲染后端，但是可以通过 Google 的 ANGLE 项目把 DX 包装成 OpenGL 让 PAG 进行渲染。目前 Chrome 在 Windows 上也是采用的这种实现方案。问：在移动端 App 的 UI 场景上使用 PAGView 只播放了一个动效文件，为什么内存占用那么大？PAG 是纯 GPU 渲染的方案，但不像在游戏引擎或者音视频编辑框架里，GPU 渲染在移动端的原生系统 UI 框架里获取不到系统已有的上下文，只能创建独立的 GPU 上下文环境，导致存在一定的额外桥接开销。一个独立上下文的 GPU 渲染的方式都会有一个初始的屏幕缓冲区开销，如果测试的时候是全屏的，每个像素都需要占用 4 字节的内存，加上双缓冲整体还要乘以 2，已经占用了几十 M 内存了。这个本身不是 PAG 动效占用的内存，而是任何 GPU 渲染方案的基本占用，但是它并不是线性增长的。PAG 提供了合并渲染的能力，你只需要创建一个 PAGView 就可以绘制无数个 PAG 动效文件上去，举个例子，共享 PAGView 的情况下，初始开销可能是几十 M，但是每增加一个 PAG 动效文件可能只增加几 M，所以不能通过一个全屏的 PAGView 测试单个 PAG 文件播放的内存占用来推理 N 个 PAG 动效的内存占用。要放到实际业务场景中进行测试才有意义。建议没有遇到真实的瓶颈时不用过度优化，抓大放小。另外我们从 4.2 版本开始增加了针对 UI 场景的专用播放组件 PAGImageView，可以有效绕开 GPU 实时渲染方案在 UI 场景下劣势。尤其是对 UI 列表或同一页面中同时播放多个 PAG 文件的场景，可以显著降低内存占用同时提升渲染性能。其主要原理是充分利用了磁盘缓存，在渲染当前帧的同时，也将当前帧的渲染数据缓存到本地。单个动效文件在整个生命周期中用户只会看到一次短暂基于 GPU 实时渲染的画面，后续都是直接读取高速的磁盘缓存来呈现，并且即使重启 App 后缓存也仍然有效。从而降低整个渲染过程中因为 GPU 实时渲染而引入的额外基础开销。另外由于 PAGImageView 跟 UI 框架之间并没有 GPU 桥接层，天然的能够高性能混合，也就无需处理任何额外的合并播放逻辑。但如果是非 UI 场景下播放，例如视频编辑处理，要实时渲染海量的同屏动效素材，使用 PAGView 合并渲染仍然是最优的方案。问：PAGViewer 里执行占位图替换或者文本编辑后，怎么导出 PAG 文件？PAGViewer 并没有导出 PAG 文件的能力，只是一个预览工具。PAG 文件只能通过 AE 插件进行导出。这里可能是对 PAG 使用方式上的理解存在误区。PAG 提供的运行时编辑替换功能不是用来生成新的 PAG 文件的，编辑的产物应该是生成一个视频或直接播放动效。可以把 PAG 文件理解为一个动效模板，运行时可以替换为用户千变万化的个性信息，组合出无限的可能，如果每种可能都生成一个新的PAG 文件就失去了模板的意义了，这样导致用户使用的时候要下载无数个 PAG 文件。而正确的用法应该是始终只有一个 PAG 文件，但是可以播放或者渲染出无数的组合效果。问：PAG 导出插件是否支持 AE 表达式？AE 表达式还没有原生支持，因为涉及了 JS 虚拟机植入，包会很大，还在考虑最好的方案。但目前是可以导出包含表达式的动效内容的，可以参考如下两种方式导出：右键含有表达式的图层，使用快捷菜单可以把表达式转换为标准的关键帧，然后导出即可。包含表达式效果的图层，如果不需要在运行时被编辑，也可以标记为 BMP 预合成 后导出，这种方式不仅可以导出表达式，甚至第三方插件的效果也可导出。问：导出 PAG 时弹出了一个优化建议页面，是什么意思？提示页面包含两种信息，一种是性能优化建议，发现素材性能不理想时可以根据提示进行优化。另一种是显示当前不支持的能力，对于不支持的能力，可以转化为BMP预合成来导出，可以参考BMP预合成导出，可以在 AE 特性支持列表查看支持直接被导出的 AE 特性列表。问：添加了很多特效（Effect），但导出后不见了？可以在 AE 特性支持列表 里找到目前支持直接导出的特效。如果没有在这个列表里，但特效并不是用在运行时可编辑的图层上（不打算替换内容），或者这是第三方插件的特效，可以转化为BMP预合成来导出，可以参考 BMP 预合成导出。如果你需要用在运行时可编辑的图层上，目前还不支持直接导出，可以通过 Github Discussions 给我们提个需求，我们会根据需求的通用程度排出优先级逐个提供支持。问：标记为 BMP 预合成后，本来不支持的效果就可以导出了，但感觉清晰度不太够？可以在对插件选项进行配置，请参考这个文档 插件选项配置面板 与清晰度有关的参数是：通用页面下的图像压缩质量 和 位图像素密度BMP预合成 页面下的 图像压缩质量但通常情况下并不需要修改这些默认参数，它们已经被设置在文件大小和清晰度的最佳平衡点上。通常情况下清晰度问题更多是由于额外的素材转换操作导致的。例如提前把一些效果转换成视频放进 AE 里再标记为 BMP 预合成导出，或者自行对图片资源进行压缩后放进 AE 使用。所有这些操作只会导致清晰度降低，并不会对最终导出的 PAG 文件带来任何的文件大小优化。PAG 导出插件已经内置了极高压缩率的算法，请不要额外做任何额外的优化文件大小操作，在 AE 中请一律使用最高清的资源进行动效设计，最终交给 PAG 导出插件来进行统一的压缩就行。 我们推荐如下最佳实践：能用矢量直接绘制的，比如图形或者文本，就不要使用 PS 转换为图片再导入 AE 使用。直接在 AE 里绘制。如果必须从外部工具导入 AE 的资源，且原始资源本身就是矢量的，请尝试转换为 AE 原生的图层类型，否则 PAG 无法识别只能截图处理。无法直接进行导出的 AE 特效，不要自行转成视频放进来再标记为 BMP 预合成导出，标记为 BMP 预合成本来就是帮你截图压缩成视频，两次视频压缩会导致清晰度降低。直接标记为 BMP 预合成让 PAG 导出原始的图层即可。注意一下导出的分辨率是否足够。如果是矢量的内容，跟分辨率无关。如果导出的动效包含位图或者 BMP 预合成，清晰度跟根节点的总预合成的尺寸直接相关。在满足清晰度的情况下，尽可能选择合适的分辨率。问：导出的 PAG 文件在客户端渲染时为什么会有色差？桌面预览工具 PAGViewer(2.1.40版本以上) 和客户端 SDK 使用的色彩空间都已经修正为 sRGB。目前解决色差最佳的方式还是 sRGB， 类似 P3 这种广色域的色彩空间并不是所有设备都能支持。如果 AE 设置的是其他色彩空间，请修改为 sRGB，否则导出的 PAG 文件在 渲染的时候可能会出现色差。问：导出的 PAG 文件为什么播放卡顿不流畅，如何优化素材性能？PAG 同时支持纯矢量导出（包含图片图层）和 BMP 预合成导出。素材的性能问题通常都是因为过多使用了 BMP 预合成导致的， 针对 BMP 预合成的使用可以参考如下规则：尽量不用：通常只有在正常导出效果不正确时，才使用 BMP 预合成。可以参考 AE 特性支持列表 文档查看支持直接导出的 AE 特性。尽量少用：如果有多个图层和预合成需要使用 BMP 预合成，尽量将它们合并，以减少 BMP 预合成的数目。控制面积：尽可能避免巨大面积的预合成标记为 BMP 预合成导出，只拆解必要的动效区域出来标记为 BMP 预合成导出。通过以上方式已经能解决绝大部分的素材性能问题，其他更多的素材优化技巧可以参考 PAG 素材优化指南 。问：如何只播放 PAG 文件的某个区间或者调整播放速度？在 PAGView 上没有找到接口。这类功能大家可能直觉地会想到去 PAGView 或 PAGPlayer 这些播放控制类上找，但其实应该通过操作 PAGFile 来实现任何定制化的播放需求。区间播放：首先通过 PAGComposition.Make() 方法创建一个空的 PAGComposition 容器，然后通过它的 addLayer 接口添加你想要播放的 PAGFile 对象。接着你可以对这个 PAGFile 调用 setStartTime 和 setDuration 来控制你想播放的具体区间。最后把这个总的 PAGComposition 交给 PAGView 去播放即可。举例：一个8s长的pag文件需要循环播放3~6s，将PAGFile添加到PAGComposition后，设置PAGFile的startTime为-3000000，duration为6000000变速播放：首先设置 PAGFile.setTimeStretchMode(PAGTimeStretchMode.Scale)，然后通过 PAGFile.setDuration() 接口设置你想变速后播放的时长即可，设置比原始更长时间是慢速播放，设置更短时间是快速播放。PAG 提供了非常灵活的图层级别控制 API，运行时可以自由排列组合多个 PAGFile，通过 setStartTime 和 setDuration 控制时间轴，通过 setMatrix 控制相对位置，也可以对图层进行增删改等等。具体可以参考 PAGLayer 以及 PAGComposition 等类的相关接口。通过图层级别的控制 API，你也可以设计一系列复杂的原子特效组合特性，在制作 PAG 素材时就不在需要把各种排列组合的场景都逐一在 AE 拼装导出一遍，而是只要导出拆分的原子 PAG 文件，然后运行时通过编程控制可以组合出无限种类的效果。问：PAG 中字体加载的策略是什么？ Linux 端文本为啥无法正常显示？由于字体文件一般都比较大，pag 文件中不会包含字体文件，但文本内容的显示依赖于字体文件。如果需要显示特定字体，无论那个平台就需要进行字体注册。字体注册相关接口参考 PAGFont 的相关方法。 RegisterFont 方法用来注册字体，SetFallbackFontPaths 用来设置字体回退列表。当输入文本的字体无法匹配到时，会使用回退列表中的字体。在Android、iOS、macOS 和 Windows 平台，我们内部注册了部分系统字体为回退字体，所以即便没有注册字体，文本的字体没有匹配到也可以回退到部分系统字体。但在 Linux 平台没有注册默认字体为回退字体的逻辑，因此如果没有注册字体，文本是无法正常显示的。问：PAG 收费吗？PAG 的 AE 导出插件和桌面预览工具目前都是完全免费的，SDK 部分主要分为两个版本：社区版：完全开源免费，采用 Apache 2.0 协议，可以自由商用。社区版只专注于通用的动效渲染还原以及动效文件格式的标准化，并针对动效播放等轻度使用场景提供开箱即用的支持。其他重度使用场景如视频编辑，直播等需要业务方自行封装实现，适合人力充足且已有较深框架积累的团队。企业版：付费授权使用，在社区版的通用功能的基础上会持续增加一些针对重度使用场景的高阶能力封装。例如开箱即用的视频模板相关能力，以及素材加密等。业务侧选购后除了能显著减少自行封装实现的大量研发成本外，还可以获得官方团对一对一的即时技术支持服务，加速产品需求的高效落地。有个朴素但可能比较违反直觉的事实：完善的商业化体系支撑才是开源项目可以持续发展的唯一保障，而不是依赖情怀或者承诺。只有充分商业化的项目，才可能有更多的资源持续投入到免费功能的迭代以及社区用户对接中，否则在任何团队都会最终沦为低优先级的任务，或者短期晋级答辩的 KPI 产物，最终导致所有用户的长期稳定使用都得不到有效保障。因此 PAG 团队也会始终将商业化探索作为高优的任务执行。但总体上我们会坚持以下两点原则：已免费的能力项未来不会转付费。所有现在免费的单点能力，未来也不会转换为付费，可以放心使用。我们只会在新增的高阶能力上探索付费点，并且主要围绕垂直的重度使用场景，或者研发成本非常高的单点新功能。保持 PAG 文件格式的标准通用。社区版本仍然会得到通用能力的持续更新，部分研发成本非常高的付费新功能会阶段性付费，但也会在文件格式层面始终保持开源。业务侧也可以基于标准格式提前自行实现渲染。问：PAG 的 AE 导出插件闭源的原因是什么呢？未来会开源么？答案是不会。举个大家比较熟悉的例子可能更好理解：谷歌的 Chrome 浏览器也不是开源的，开源的是核心的 Chromium 项目。目前开源的 libpag 项目不只是一个渲染库， PAG 文件的核心编解码模块也在其中是完全开源的。所以从原理上如果你希望从头实现一个 AE 导出插件，现在并不存在什么技术上的阻碍，只需要调用 AE SDK 和 PAG 的编码 SDK 即可，剩下的都是一些 UI 业务代码的工作，这部分并没有多少技术含量。那为什么我们不开源这部分 UI 业务的代码呢？实际上你如果只是正常使用 PAG 方案，不是为了快速创造一种不兼容的 PAG 分裂格式，是不会涉及到任何 AE 导出插件代码的内容。但如果开源这部分代码，会显著降低创造一种新的分裂格式的门槛。PAG 的格式跟其他各种图片格式不太一样，它并不是制定完标准后就固化的格式，而是一种动态演进的格式，会随着 AE 功能的支持变多而不断增量变化。如果采用去中心化的管理方式，我们很难保证 PAG 的通用一致性。一旦产生很多分裂版本的格式后，会沦为某些特定业务的私有格式，各种优化无法回馈到社区。设计师也要面对同一个资源可能要导出多种格式的额外工作量，并且需要重复生产大量相似的动效素材，而不能直接复用存量已经导出的资源。这对动效素材社区的发展不利，也是我们非常不愿意看到的。←  →公司地址：广东省深圳市南山区海天二路33号腾讯滨海大厦联系电话：0755-86013388Copyright © 2018 - 2025 Tencent. All Rights Reserved.隐私政策

首页产品功能文档案例CNGitHub论坛交流免费下载

了解 PAGPAG 简介常见问题快速开始安装 PAGViewer安装 AE 导出插件导出 PAG 文件SDK 快速接入导出插件插件选项配置面板导出面板使用指南BMP 预合成导出PAG 填充模式PAG 时间伸缩快捷键设置导出错误码说明AE 导出检测规则文本制作规则添加文本背景如何导出音频手动安装导出插件预览工具编辑预览效果查看 PAG 文件结构快捷键列表导出图片序列素材加密素材加水印切换 Beta 版本性能优化使用性能监测面板PAG 素材优化指南移动端进阶常用 API 解读UI 及列表场景播放优化占位图替换视频播放有声素材文本图层说明使用加密素材渲染导出视频企业版 SDK 鉴权Web 进阶SDK 安装加载 PAG 文件播放 PAG 文件平台特性说明WebWorker 版本介绍API 参考API 文档视频教程PAG 使用流程PAG 性能优化分享PAGExporter 面板分享PAG 线上答疑资源下载PAGViewer 下载PAG 测试素材下载PAG Demo 工程下载2022 音视频技术大会PAG 转换工具下载PAG 文件格式规范TAVMediaTAVMedia 简介TAVMedia 快速入门常用 API 解读其他Lottie 迁移至 PAG专业词汇表常见问题问：PAG 支持哪些平台？PAG SDK 目前已经支持 Android、iOS、macOS、Windows、Linux、Web 和微信小程序等平台。 桌面预览工具 PAGViewer 和 AE 导出插件同时支持 macOS 和 Windows 平台。目前在 Android、iOS、Web 和微信小程序平台上我们会定期发布预编译的制品库，具体接入参考：移动端接入 SDKWeb 端接入 SDK微信小程序接入 SDK其他平台由于没有统一的 UI 框架或者使用上本来也需要自己做一些渲染桥接的适配，我们没有发布统一的预编译制品库，可以自行从Github 的源码进行构建。问：PAG 源码编译的时候报错了怎么处理？PAG 项目的编译依赖一些第三方库的下载同步，以及正确版本的编译工具安装。在运行 Demo 前请务必先阅读位于根目录的 README.md，根据 开发指南 一节的指引进行依赖同步和编译环境配置。如还有问题，可以在 Github Discussions 向我们反馈。问：PAG 支持模拟器吗？在模拟器上测试性能是否准确？PAG 只保证 UI 动画在模拟器里的基本预览，不建议在模拟器上高强度使用或者进行性能测试。PAG 是一个全链路 GPU 加速的 渲染方案，在模拟器上由于无法开启 GPU 加速，性能会比实际情况差很多，另外模拟器也缺失部分必要的接口，导致一些配合高级视频编辑功能的接口在模拟器上也不支持。例如无法绘制到 CVPixelBuffer 离屏对象上。另外模拟器也不是真实用户场景，性能测试请使用真机进行。问：PAG 支持 Flutter 使用吗？PAG 支持 Flutter 使用，这里也有一个第三方作者上传并维护的示例工程，可以供参考：https://github.com/libpag/pag-flutter.git。有相关的使用问题可以直接在该仓库提交 Issue，作者会定期更新维护。问：PAG 与视频编辑的关系？PAG 诞生之初就是为了解决视频编辑场景下的复杂动效效果渲染需求，提供了相关接口可以便捷的与原生视频渲染链路相整合，但 PAG 本身并不是视频编辑框，它只负责通用动效素材的渲染还原部分，也可以广泛应用于除了视频编辑外的众多其他场景。视频编辑框架属于另一个技术范畴的领域，需要业务方自己开发或者接入行业里成熟的方案，解决视频编解码，合成，导出等能力。在成熟的视频编辑框架选型方面，我们已经把腾讯系业务在使用的全功能视频编辑框架 TAVMedia 上架到了 PAG 的官网售卖。它能够全面覆盖音视频编辑场景下的各种底层能力需求。如果业务侧并不需要全功能的 TAVMedia，只需要视频模板相关的能力。我们也已经将相关能力从 TAVMedia 里抽离出来，内置集成到了 PAG 企业版中，整体的性价比会更高而且接口使用门槛更低。开箱即用地支持 PAG 文件中的占位图替换视频，音频播放，渲染内容一键导出成视频文件等。能够帮助用户聚焦业务需求本身，快速轻松实现多平台（Andorid、iOS，服务端）的视频模板功能。更详细的信息可以访问 PAG 官网产品介绍页。问： PAG 文件为什么在移动端播放不出声音？PAG 文件支持集成音频数据，导出方法具体方法参照 如何在AE中导出音频。但由于 PAG 支持组合播放以及运行时编辑等能力，要实现完整的音频播放必须依赖音视频框架进行混流，也就无法在不明显增加包体的情况下默认实现。因此 PAG 社区版目前仍然只专注于渲染画面的部分。音频播放或者合成到视频里需要业务方使用音视频框架自行处理。研发侧可以从 PAGFile.audioBytes 接口上读取 PAG 内置的音频数据，将它存储为本地文件使用或者直接在内存中解码都可以。audioBytes 字节流的编码格式为 AAC，容器格式为 MPEG-4。而内置了视频模板能力的 PAG 企业版因为自带音视频处理模块，也默认增加了对音频播放的支持，不仅支持 PAG 内嵌的音频组合播放，也同时支持用户替换进来的视频所附带的音轨，并能够最终合并导出视频文件。如果需要，欢迎接入使用 PAG 企业版。问：PAG SDK是否支持加载网络文件？目前还不支持，我们计划在 PAG 4.3 版本支持，预计是 2023 年 7 月份。问：PAG Windows 版本是否可以直接和 DirectX 11 的现有游戏结合？目前没有计划要去直接支持 DX 的渲染后端，但是可以通过 Google 的 ANGLE 项目把 DX 包装成 OpenGL 让 PAG 进行渲染。目前 Chrome 在 Windows 上也是采用的这种实现方案。问：在移动端 App 的 UI 场景上使用 PAGView 只播放了一个动效文件，为什么内存占用那么大？PAG 是纯 GPU 渲染的方案，但不像在游戏引擎或者音视频编辑框架里，GPU 渲染在移动端的原生系统 UI 框架里获取不到系统已有的上下文，只能创建独立的 GPU 上下文环境，导致存在一定的额外桥接开销。一个独立上下文的 GPU 渲染的方式都会有一个初始的屏幕缓冲区开销，如果测试的时候是全屏的，每个像素都需要占用 4 字节的内存，加上双缓冲整体还要乘以 2，已经占用了几十 M 内存了。这个本身不是 PAG 动效占用的内存，而是任何 GPU 渲染方案的基本占用，但是它并不是线性增长的。PAG 提供了合并渲染的能力，你只需要创建一个 PAGView 就可以绘制无数个 PAG 动效文件上去，举个例子，共享 PAGView 的情况下，初始开销可能是几十 M，但是每增加一个 PAG 动效文件可能只增加几 M，所以不能通过一个全屏的 PAGView 测试单个 PAG 文件播放的内存占用来推理 N 个 PAG 动效的内存占用。要放到实际业务场景中进行测试才有意义。建议没有遇到真实的瓶颈时不用过度优化，抓大放小。另外我们从 4.2 版本开始增加了针对 UI 场景的专用播放组件 PAGImageView，可以有效绕开 GPU 实时渲染方案在 UI 场景下劣势。尤其是对 UI 列表或同一页面中同时播放多个 PAG 文件的场景，可以显著降低内存占用同时提升渲染性能。其主要原理是充分利用了磁盘缓存，在渲染当前帧的同时，也将当前帧的渲染数据缓存到本地。单个动效文件在整个生命周期中用户只会看到一次短暂基于 GPU 实时渲染的画面，后续都是直接读取高速的磁盘缓存来呈现，并且即使重启 App 后缓存也仍然有效。从而降低整个渲染过程中因为 GPU 实时渲染而引入的额外基础开销。另外由于 PAGImageView 跟 UI 框架之间并没有 GPU 桥接层，天然的能够高性能混合，也就无需处理任何额外的合并播放逻辑。但如果是非 UI 场景下播放，例如视频编辑处理，要实时渲染海量的同屏动效素材，使用 PAGView 合并渲染仍然是最优的方案。问：PAGViewer 里执行占位图替换或者文本编辑后，怎么导出 PAG 文件？PAGViewer 并没有导出 PAG 文件的能力，只是一个预览工具。PAG 文件只能通过 AE 插件进行导出。这里可能是对 PAG 使用方式上的理解存在误区。PAG 提供的运行时编辑替换功能不是用来生成新的 PAG 文件的，编辑的产物应该是生成一个视频或直接播放动效。可以把 PAG 文件理解为一个动效模板，运行时可以替换为用户千变万化的个性信息，组合出无限的可能，如果每种可能都生成一个新的PAG 文件就失去了模板的意义了，这样导致用户使用的时候要下载无数个 PAG 文件。而正确的用法应该是始终只有一个 PAG 文件，但是可以播放或者渲染出无数的组合效果。问：PAG 导出插件是否支持 AE 表达式？AE 表达式还没有原生支持，因为涉及了 JS 虚拟机植入，包会很大，还在考虑最好的方案。但目前是可以导出包含表达式的动效内容的，可以参考如下两种方式导出：右键含有表达式的图层，使用快捷菜单可以把表达式转换为标准的关键帧，然后导出即可。包含表达式效果的图层，如果不需要在运行时被编辑，也可以标记为 BMP 预合成 后导出，这种方式不仅可以导出表达式，甚至第三方插件的效果也可导出。问：导出 PAG 时弹出了一个优化建议页面，是什么意思？提示页面包含两种信息，一种是性能优化建议，发现素材性能不理想时可以根据提示进行优化。另一种是显示当前不支持的能力，对于不支持的能力，可以转化为BMP预合成来导出，可以参考BMP预合成导出，可以在 AE 特性支持列表查看支持直接被导出的 AE 特性列表。问：添加了很多特效（Effect），但导出后不见了？可以在 AE 特性支持列表 里找到目前支持直接导出的特效。如果没有在这个列表里，但特效并不是用在运行时可编辑的图层上（不打算替换内容），或者这是第三方插件的特效，可以转化为BMP预合成来导出，可以参考 BMP 预合成导出。如果你需要用在运行时可编辑的图层上，目前还不支持直接导出，可以通过 Github Discussions 给我们提个需求，我们会根据需求的通用程度排出优先级逐个提供支持。问：标记为 BMP 预合成后，本来不支持的效果就可以导出了，但感觉清晰度不太够？可以在对插件选项进行配置，请参考这个文档 插件选项配置面板 与清晰度有关的参数是：通用页面下的图像压缩质量 和 位图像素密度BMP预合成 页面下的 图像压缩质量但通常情况下并不需要修改这些默认参数，它们已经被设置在文件大小和清晰度的最佳平衡点上。通常情况下清晰度问题更多是由于额外的素材转换操作导致的。例如提前把一些效果转换成视频放进 AE 里再标记为 BMP 预合成导出，或者自行对图片资源进行压缩后放进 AE 使用。所有这些操作只会导致清晰度降低，并不会对最终导出的 PAG 文件带来任何的文件大小优化。PAG 导出插件已经内置了极高压缩率的算法，请不要额外做任何额外的优化文件大小操作，在 AE 中请一律使用最高清的资源进行动效设计，最终交给 PAG 导出插件来进行统一的压缩就行。 我们推荐如下最佳实践：能用矢量直接绘制的，比如图形或者文本，就不要使用 PS 转换为图片再导入 AE 使用。直接在 AE 里绘制。如果必须从外部工具导入 AE 的资源，且原始资源本身就是矢量的，请尝试转换为 AE 原生的图层类型，否则 PAG 无法识别只能截图处理。无法直接进行导出的 AE 特效，不要自行转成视频放进来再标记为 BMP 预合成导出，标记为 BMP 预合成本来就是帮你截图压缩成视频，两次视频压缩会导致清晰度降低。直接标记为 BMP 预合成让 PAG 导出原始的图层即可。注意一下导出的分辨率是否足够。如果是矢量的内容，跟分辨率无关。如果导出的动效包含位图或者 BMP 预合成，清晰度跟根节点的总预合成的尺寸直接相关。在满足清晰度的情况下，尽可能选择合适的分辨率。问：导出的 PAG 文件在客户端渲染时为什么会有色差？桌面预览工具 PAGViewer(2.1.40版本以上) 和客户端 SDK 使用的色彩空间都已经修正为 sRGB。目前解决色差最佳的方式还是 sRGB， 类似 P3 这种广色域的色彩空间并不是所有设备都能支持。如果 AE 设置的是其他色彩空间，请修改为 sRGB，否则导出的 PAG 文件在 渲染的时候可能会出现色差。问：导出的 PAG 文件为什么播放卡顿不流畅，如何优化素材性能？PAG 同时支持纯矢量导出（包含图片图层）和 BMP 预合成导出。素材的性能问题通常都是因为过多使用了 BMP 预合成导致的， 针对 BMP 预合成的使用可以参考如下规则：尽量不用：通常只有在正常导出效果不正确时，才使用 BMP 预合成。可以参考 AE 特性支持列表 文档查看支持直接导出的 AE 特性。尽量少用：如果有多个图层和预合成需要使用 BMP 预合成，尽量将它们合并，以减少 BMP 预合成的数目。控制面积：尽可能避免巨大面积的预合成标记为 BMP 预合成导出，只拆解必要的动效区域出来标记为 BMP 预合成导出。通过以上方式已经能解决绝大部分的素材性能问题，其他更多的素材优化技巧可以参考 PAG 素材优化指南 。问：如何只播放 PAG 文件的某个区间或者调整播放速度？在 PAGView 上没有找到接口。这类功能大家可能直觉地会想到去 PAGView 或 PAGPlayer 这些播放控制类上找，但其实应该通过操作 PAGFile 来实现任何定制化的播放需求。区间播放：首先通过 PAGComposition.Make() 方法创建一个空的 PAGComposition 容器，然后通过它的 addLayer 接口添加你想要播放的 PAGFile 对象。接着你可以对这个 PAGFile 调用 setStartTime 和 setDuration 来控制你想播放的具体区间。最后把这个总的 PAGComposition 交给 PAGView 去播放即可。举例：一个8s长的pag文件需要循环播放3~6s，将PAGFile添加到PAGComposition后，设置PAGFile的startTime为-3000000，duration为6000000变速播放：首先设置 PAGFile.setTimeStretchMode(PAGTimeStretchMode.Scale)，然后通过 PAGFile.setDuration() 接口设置你想变速后播放的时长即可，设置比原始更长时间是慢速播放，设置更短时间是快速播放。PAG 提供了非常灵活的图层级别控制 API，运行时可以自由排列组合多个 PAGFile，通过 setStartTime 和 setDuration 控制时间轴，通过 setMatrix 控制相对位置，也可以对图层进行增删改等等。具体可以参考 PAGLayer 以及 PAGComposition 等类的相关接口。通过图层级别的控制 API，你也可以设计一系列复杂的原子特效组合特性，在制作 PAG 素材时就不在需要把各种排列组合的场景都逐一在 AE 拼装导出一遍，而是只要导出拆分的原子 PAG 文件，然后运行时通过编程控制可以组合出无限种类的效果。问：PAG 中字体加载的策略是什么？ Linux 端文本为啥无法正常显示？由于字体文件一般都比较大，pag 文件中不会包含字体文件，但文本内容的显示依赖于字体文件。如果需要显示特定字体，无论那个平台就需要进行字体注册。字体注册相关接口参考 PAGFont 的相关方法。 RegisterFont 方法用来注册字体，SetFallbackFontPaths 用来设置字体回退列表。当输入文本的字体无法匹配到时，会使用回退列表中的字体。在Android、iOS、macOS 和 Windows 平台，我们内部注册了部分系统字体为回退字体，所以即便没有注册字体，文本的字体没有匹配到也可以回退到部分系统字体。但在 Linux 平台没有注册默认字体为回退字体的逻辑，因此如果没有注册字体，文本是无法正常显示的。问：PAG 收费吗？PAG 的 AE 导出插件和桌面预览工具目前都是完全免费的，SDK 部分主要分为两个版本：社区版：完全开源免费，采用 Apache 2.0 协议，可以自由商用。社区版只专注于通用的动效渲染还原以及动效文件格式的标准化，并针对动效播放等轻度使用场景提供开箱即用的支持。其他重度使用场景如视频编辑，直播等需要业务方自行封装实现，适合人力充足且已有较深框架积累的团队。企业版：付费授权使用，在社区版的通用功能的基础上会持续增加一些针对重度使用场景的高阶能力封装。例如开箱即用的视频模板相关能力，以及素材加密等。业务侧选购后除了能显著减少自行封装实现的大量研发成本外，还可以获得官方团对一对一的即时技术支持服务，加速产品需求的高效落地。有个朴素但可能比较违反直觉的事实：完善的商业化体系支撑才是开源项目可以持续发展的唯一保障，而不是依赖情怀或者承诺。只有充分商业化的项目，才可能有更多的资源持续投入到免费功能的迭代以及社区用户对接中，否则在任何团队都会最终沦为低优先级的任务，或者短期晋级答辩的 KPI 产物，最终导致所有用户的长期稳定使用都得不到有效保障。因此 PAG 团队也会始终将商业化探索作为高优的任务执行。但总体上我们会坚持以下两点原则：已免费的能力项未来不会转付费。所有现在免费的单点能力，未来也不会转换为付费，可以放心使用。我们只会在新增的高阶能力上探索付费点，并且主要围绕垂直的重度使用场景，或者研发成本非常高的单点新功能。保持 PAG 文件格式的标准通用。社区版本仍然会得到通用能力的持续更新，部分研发成本非常高的付费新功能会阶段性付费，但也会在文件格式层面始终保持开源。业务侧也可以基于标准格式提前自行实现渲染。问：PAG 的 AE 导出插件闭源的原因是什么呢？未来会开源么？答案是不会。举个大家比较熟悉的例子可能更好理解：谷歌的 Chrome 浏览器也不是开源的，开源的是核心的 Chromium 项目。目前开源的 libpag 项目不只是一个渲染库， PAG 文件的核心编解码模块也在其中是完全开源的。所以从原理上如果你希望从头实现一个 AE 导出插件，现在并不存在什么技术上的阻碍，只需要调用 AE SDK 和 PAG 的编码 SDK 即可，剩下的都是一些 UI 业务代码的工作，这部分并没有多少技术含量。那为什么我们不开源这部分 UI 业务的代码呢？实际上你如果只是正常使用 PAG 方案，不是为了快速创造一种不兼容的 PAG 分裂格式，是不会涉及到任何 AE 导出插件代码的内容。但如果开源这部分代码，会显著降低创造一种新的分裂格式的门槛。PAG 的格式跟其他各种图片格式不太一样，它并不是制定完标准后就固化的格式，而是一种动态演进的格式，会随着 AE 功能的支持变多而不断增量变化。如果采用去中心化的管理方式，我们很难保证 PAG 的通用一致性。一旦产生很多分裂版本的格式后，会沦为某些特定业务的私有格式，各种优化无法回馈到社区。设计师也要面对同一个资源可能要导出多种格式的额外工作量，并且需要重复生产大量相似的动效素材，而不能直接复用存量已经导出的资源。这对动效素材社区的发展不利，也是我们非常不愿意看到的。←  →公司地址：广东省深圳市南山区海天二路33号腾讯滨海大厦联系电话：0755-86013388Copyright © 2018 - 2025 Tencent. All Rights Reserved.隐私政策

首页产品功能文档案例CNGitHub论坛交流免费下载

了解 PAGPAG 简介常见问题快速开始安装 PAGViewer安装 AE 导出插件导出 PAG 文件SDK 快速接入导出插件插件选项配置面板导出面板使用指南BMP 预合成导出PAG 填充模式PAG 时间伸缩快捷键设置导出错误码说明AE 导出检测规则文本制作规则添加文本背景如何导出音频手动安装导出插件预览工具编辑预览效果查看 PAG 文件结构快捷键列表导出图片序列素材加密素材加水印切换 Beta 版本性能优化使用性能监测面板PAG 素材优化指南移动端进阶常用 API 解读UI 及列表场景播放优化占位图替换视频播放有声素材文本图层说明使用加密素材渲染导出视频企业版 SDK 鉴权Web 进阶SDK 安装加载 PAG 文件播放 PAG 文件平台特性说明WebWorker 版本介绍API 参考API 文档视频教程PAG 使用流程PAG 性能优化分享PAGExporter 面板分享PAG 线上答疑资源下载PAGViewer 下载PAG 测试素材下载PAG Demo 工程下载2022 音视频技术大会PAG 转换工具下载PAG 文件格式规范TAVMediaTAVMedia 简介TAVMedia 快速入门常用 API 解读其他Lottie 迁移至 PAG专业词汇表常见问题问：PAG 支持哪些平台？PAG SDK 目前已经支持 Android、iOS、macOS、Windows、Linux、Web 和微信小程序等平台。 桌面预览工具 PAGViewer 和 AE 导出插件同时支持 macOS 和 Windows 平台。目前在 Android、iOS、Web 和微信小程序平台上我们会定期发布预编译的制品库，具体接入参考：移动端接入 SDKWeb 端接入 SDK微信小程序接入 SDK其他平台由于没有统一的 UI 框架或者使用上本来也需要自己做一些渲染桥接的适配，我们没有发布统一的预编译制品库，可以自行从Github 的源码进行构建。问：PAG 源码编译的时候报错了怎么处理？PAG 项目的编译依赖一些第三方库的下载同步，以及正确版本的编译工具安装。在运行 Demo 前请务必先阅读位于根目录的 README.md，根据 开发指南 一节的指引进行依赖同步和编译环境配置。如还有问题，可以在 Github Discussions 向我们反馈。问：PAG 支持模拟器吗？在模拟器上测试性能是否准确？PAG 只保证 UI 动画在模拟器里的基本预览，不建议在模拟器上高强度使用或者进行性能测试。PAG 是一个全链路 GPU 加速的 渲染方案，在模拟器上由于无法开启 GPU 加速，性能会比实际情况差很多，另外模拟器也缺失部分必要的接口，导致一些配合高级视频编辑功能的接口在模拟器上也不支持。例如无法绘制到 CVPixelBuffer 离屏对象上。另外模拟器也不是真实用户场景，性能测试请使用真机进行。问：PAG 支持 Flutter 使用吗？PAG 支持 Flutter 使用，这里也有一个第三方作者上传并维护的示例工程，可以供参考：https://github.com/libpag/pag-flutter.git。有相关的使用问题可以直接在该仓库提交 Issue，作者会定期更新维护。问：PAG 与视频编辑的关系？PAG 诞生之初就是为了解决视频编辑场景下的复杂动效效果渲染需求，提供了相关接口可以便捷的与原生视频渲染链路相整合，但 PAG 本身并不是视频编辑框，它只负责通用动效素材的渲染还原部分，也可以广泛应用于除了视频编辑外的众多其他场景。视频编辑框架属于另一个技术范畴的领域，需要业务方自己开发或者接入行业里成熟的方案，解决视频编解码，合成，导出等能力。在成熟的视频编辑框架选型方面，我们已经把腾讯系业务在使用的全功能视频编辑框架 TAVMedia 上架到了 PAG 的官网售卖。它能够全面覆盖音视频编辑场景下的各种底层能力需求。如果业务侧并不需要全功能的 TAVMedia，只需要视频模板相关的能力。我们也已经将相关能力从 TAVMedia 里抽离出来，内置集成到了 PAG 企业版中，整体的性价比会更高而且接口使用门槛更低。开箱即用地支持 PAG 文件中的占位图替换视频，音频播放，渲染内容一键导出成视频文件等。能够帮助用户聚焦业务需求本身，快速轻松实现多平台（Andorid、iOS，服务端）的视频模板功能。更详细的信息可以访问 PAG 官网产品介绍页。问： PAG 文件为什么在移动端播放不出声音？PAG 文件支持集成音频数据，导出方法具体方法参照 如何在AE中导出音频。但由于 PAG 支持组合播放以及运行时编辑等能力，要实现完整的音频播放必须依赖音视频框架进行混流，也就无法在不明显增加包体的情况下默认实现。因此 PAG 社区版目前仍然只专注于渲染画面的部分。音频播放或者合成到视频里需要业务方使用音视频框架自行处理。研发侧可以从 PAGFile.audioBytes 接口上读取 PAG 内置的音频数据，将它存储为本地文件使用或者直接在内存中解码都可以。audioBytes 字节流的编码格式为 AAC，容器格式为 MPEG-4。而内置了视频模板能力的 PAG 企业版因为自带音视频处理模块，也默认增加了对音频播放的支持，不仅支持 PAG 内嵌的音频组合播放，也同时支持用户替换进来的视频所附带的音轨，并能够最终合并导出视频文件。如果需要，欢迎接入使用 PAG 企业版。问：PAG SDK是否支持加载网络文件？目前还不支持，我们计划在 PAG 4.3 版本支持，预计是 2023 年 7 月份。问：PAG Windows 版本是否可以直接和 DirectX 11 的现有游戏结合？目前没有计划要去直接支持 DX 的渲染后端，但是可以通过 Google 的 ANGLE 项目把 DX 包装成 OpenGL 让 PAG 进行渲染。目前 Chrome 在 Windows 上也是采用的这种实现方案。问：在移动端 App 的 UI 场景上使用 PAGView 只播放了一个动效文件，为什么内存占用那么大？PAG 是纯 GPU 渲染的方案，但不像在游戏引擎或者音视频编辑框架里，GPU 渲染在移动端的原生系统 UI 框架里获取不到系统已有的上下文，只能创建独立的 GPU 上下文环境，导致存在一定的额外桥接开销。一个独立上下文的 GPU 渲染的方式都会有一个初始的屏幕缓冲区开销，如果测试的时候是全屏的，每个像素都需要占用 4 字节的内存，加上双缓冲整体还要乘以 2，已经占用了几十 M 内存了。这个本身不是 PAG 动效占用的内存，而是任何 GPU 渲染方案的基本占用，但是它并不是线性增长的。PAG 提供了合并渲染的能力，你只需要创建一个 PAGView 就可以绘制无数个 PAG 动效文件上去，举个例子，共享 PAGView 的情况下，初始开销可能是几十 M，但是每增加一个 PAG 动效文件可能只增加几 M，所以不能通过一个全屏的 PAGView 测试单个 PAG 文件播放的内存占用来推理 N 个 PAG 动效的内存占用。要放到实际业务场景中进行测试才有意义。建议没有遇到真实的瓶颈时不用过度优化，抓大放小。另外我们从 4.2 版本开始增加了针对 UI 场景的专用播放组件 PAGImageView，可以有效绕开 GPU 实时渲染方案在 UI 场景下劣势。尤其是对 UI 列表或同一页面中同时播放多个 PAG 文件的场景，可以显著降低内存占用同时提升渲染性能。其主要原理是充分利用了磁盘缓存，在渲染当前帧的同时，也将当前帧的渲染数据缓存到本地。单个动效文件在整个生命周期中用户只会看到一次短暂基于 GPU 实时渲染的画面，后续都是直接读取高速的磁盘缓存来呈现，并且即使重启 App 后缓存也仍然有效。从而降低整个渲染过程中因为 GPU 实时渲染而引入的额外基础开销。另外由于 PAGImageView 跟 UI 框架之间并没有 GPU 桥接层，天然的能够高性能混合，也就无需处理任何额外的合并播放逻辑。但如果是非 UI 场景下播放，例如视频编辑处理，要实时渲染海量的同屏动效素材，使用 PAGView 合并渲染仍然是最优的方案。问：PAGViewer 里执行占位图替换或者文本编辑后，怎么导出 PAG 文件？PAGViewer 并没有导出 PAG 文件的能力，只是一个预览工具。PAG 文件只能通过 AE 插件进行导出。这里可能是对 PAG 使用方式上的理解存在误区。PAG 提供的运行时编辑替换功能不是用来生成新的 PAG 文件的，编辑的产物应该是生成一个视频或直接播放动效。可以把 PAG 文件理解为一个动效模板，运行时可以替换为用户千变万化的个性信息，组合出无限的可能，如果每种可能都生成一个新的PAG 文件就失去了模板的意义了，这样导致用户使用的时候要下载无数个 PAG 文件。而正确的用法应该是始终只有一个 PAG 文件，但是可以播放或者渲染出无数的组合效果。问：PAG 导出插件是否支持 AE 表达式？AE 表达式还没有原生支持，因为涉及了 JS 虚拟机植入，包会很大，还在考虑最好的方案。但目前是可以导出包含表达式的动效内容的，可以参考如下两种方式导出：右键含有表达式的图层，使用快捷菜单可以把表达式转换为标准的关键帧，然后导出即可。包含表达式效果的图层，如果不需要在运行时被编辑，也可以标记为 BMP 预合成 后导出，这种方式不仅可以导出表达式，甚至第三方插件的效果也可导出。问：导出 PAG 时弹出了一个优化建议页面，是什么意思？提示页面包含两种信息，一种是性能优化建议，发现素材性能不理想时可以根据提示进行优化。另一种是显示当前不支持的能力，对于不支持的能力，可以转化为BMP预合成来导出，可以参考BMP预合成导出，可以在 AE 特性支持列表查看支持直接被导出的 AE 特性列表。问：添加了很多特效（Effect），但导出后不见了？可以在 AE 特性支持列表 里找到目前支持直接导出的特效。如果没有在这个列表里，但特效并不是用在运行时可编辑的图层上（不打算替换内容），或者这是第三方插件的特效，可以转化为BMP预合成来导出，可以参考 BMP 预合成导出。如果你需要用在运行时可编辑的图层上，目前还不支持直接导出，可以通过 Github Discussions 给我们提个需求，我们会根据需求的通用程度排出优先级逐个提供支持。问：标记为 BMP 预合成后，本来不支持的效果就可以导出了，但感觉清晰度不太够？可以在对插件选项进行配置，请参考这个文档 插件选项配置面板 与清晰度有关的参数是：通用页面下的图像压缩质量 和 位图像素密度BMP预合成 页面下的 图像压缩质量但通常情况下并不需要修改这些默认参数，它们已经被设置在文件大小和清晰度的最佳平衡点上。通常情况下清晰度问题更多是由于额外的素材转换操作导致的。例如提前把一些效果转换成视频放进 AE 里再标记为 BMP 预合成导出，或者自行对图片资源进行压缩后放进 AE 使用。所有这些操作只会导致清晰度降低，并不会对最终导出的 PAG 文件带来任何的文件大小优化。PAG 导出插件已经内置了极高压缩率的算法，请不要额外做任何额外的优化文件大小操作，在 AE 中请一律使用最高清的资源进行动效设计，最终交给 PAG 导出插件来进行统一的压缩就行。 我们推荐如下最佳实践：能用矢量直接绘制的，比如图形或者文本，就不要使用 PS 转换为图片再导入 AE 使用。直接在 AE 里绘制。如果必须从外部工具导入 AE 的资源，且原始资源本身就是矢量的，请尝试转换为 AE 原生的图层类型，否则 PAG 无法识别只能截图处理。无法直接进行导出的 AE 特效，不要自行转成视频放进来再标记为 BMP 预合成导出，标记为 BMP 预合成本来就是帮你截图压缩成视频，两次视频压缩会导致清晰度降低。直接标记为 BMP 预合成让 PAG 导出原始的图层即可。注意一下导出的分辨率是否足够。如果是矢量的内容，跟分辨率无关。如果导出的动效包含位图或者 BMP 预合成，清晰度跟根节点的总预合成的尺寸直接相关。在满足清晰度的情况下，尽可能选择合适的分辨率。问：导出的 PAG 文件在客户端渲染时为什么会有色差？桌面预览工具 PAGViewer(2.1.40版本以上) 和客户端 SDK 使用的色彩空间都已经修正为 sRGB。目前解决色差最佳的方式还是 sRGB， 类似 P3 这种广色域的色彩空间并不是所有设备都能支持。如果 AE 设置的是其他色彩空间，请修改为 sRGB，否则导出的 PAG 文件在 渲染的时候可能会出现色差。问：导出的 PAG 文件为什么播放卡顿不流畅，如何优化素材性能？PAG 同时支持纯矢量导出（包含图片图层）和 BMP 预合成导出。素材的性能问题通常都是因为过多使用了 BMP 预合成导致的， 针对 BMP 预合成的使用可以参考如下规则：尽量不用：通常只有在正常导出效果不正确时，才使用 BMP 预合成。可以参考 AE 特性支持列表 文档查看支持直接导出的 AE 特性。尽量少用：如果有多个图层和预合成需要使用 BMP 预合成，尽量将它们合并，以减少 BMP 预合成的数目。控制面积：尽可能避免巨大面积的预合成标记为 BMP 预合成导出，只拆解必要的动效区域出来标记为 BMP 预合成导出。通过以上方式已经能解决绝大部分的素材性能问题，其他更多的素材优化技巧可以参考 PAG 素材优化指南 。问：如何只播放 PAG 文件的某个区间或者调整播放速度？在 PAGView 上没有找到接口。这类功能大家可能直觉地会想到去 PAGView 或 PAGPlayer 这些播放控制类上找，但其实应该通过操作 PAGFile 来实现任何定制化的播放需求。区间播放：首先通过 PAGComposition.Make() 方法创建一个空的 PAGComposition 容器，然后通过它的 addLayer 接口添加你想要播放的 PAGFile 对象。接着你可以对这个 PAGFile 调用 setStartTime 和 setDuration 来控制你想播放的具体区间。最后把这个总的 PAGComposition 交给 PAGView 去播放即可。举例：一个8s长的pag文件需要循环播放3~6s，将PAGFile添加到PAGComposition后，设置PAGFile的startTime为-3000000，duration为6000000变速播放：首先设置 PAGFile.setTimeStretchMode(PAGTimeStretchMode.Scale)，然后通过 PAGFile.setDuration() 接口设置你想变速后播放的时长即可，设置比原始更长时间是慢速播放，设置更短时间是快速播放。PAG 提供了非常灵活的图层级别控制 API，运行时可以自由排列组合多个 PAGFile，通过 setStartTime 和 setDuration 控制时间轴，通过 setMatrix 控制相对位置，也可以对图层进行增删改等等。具体可以参考 PAGLayer 以及 PAGComposition 等类的相关接口。通过图层级别的控制 API，你也可以设计一系列复杂的原子特效组合特性，在制作 PAG 素材时就不在需要把各种排列组合的场景都逐一在 AE 拼装导出一遍，而是只要导出拆分的原子 PAG 文件，然后运行时通过编程控制可以组合出无限种类的效果。问：PAG 中字体加载的策略是什么？ Linux 端文本为啥无法正常显示？由于字体文件一般都比较大，pag 文件中不会包含字体文件，但文本内容的显示依赖于字体文件。如果需要显示特定字体，无论那个平台就需要进行字体注册。字体注册相关接口参考 PAGFont 的相关方法。 RegisterFont 方法用来注册字体，SetFallbackFontPaths 用来设置字体回退列表。当输入文本的字体无法匹配到时，会使用回退列表中的字体。在Android、iOS、macOS 和 Windows 平台，我们内部注册了部分系统字体为回退字体，所以即便没有注册字体，文本的字体没有匹配到也可以回退到部分系统字体。但在 Linux 平台没有注册默认字体为回退字体的逻辑，因此如果没有注册字体，文本是无法正常显示的。问：PAG 收费吗？PAG 的 AE 导出插件和桌面预览工具目前都是完全免费的，SDK 部分主要分为两个版本：社区版：完全开源免费，采用 Apache 2.0 协议，可以自由商用。社区版只专注于通用的动效渲染还原以及动效文件格式的标准化，并针对动效播放等轻度使用场景提供开箱即用的支持。其他重度使用场景如视频编辑，直播等需要业务方自行封装实现，适合人力充足且已有较深框架积累的团队。企业版：付费授权使用，在社区版的通用功能的基础上会持续增加一些针对重度使用场景的高阶能力封装。例如开箱即用的视频模板相关能力，以及素材加密等。业务侧选购后除了能显著减少自行封装实现的大量研发成本外，还可以获得官方团对一对一的即时技术支持服务，加速产品需求的高效落地。有个朴素但可能比较违反直觉的事实：完善的商业化体系支撑才是开源项目可以持续发展的唯一保障，而不是依赖情怀或者承诺。只有充分商业化的项目，才可能有更多的资源持续投入到免费功能的迭代以及社区用户对接中，否则在任何团队都会最终沦为低优先级的任务，或者短期晋级答辩的 KPI 产物，最终导致所有用户的长期稳定使用都得不到有效保障。因此 PAG 团队也会始终将商业化探索作为高优的任务执行。但总体上我们会坚持以下两点原则：已免费的能力项未来不会转付费。所有现在免费的单点能力，未来也不会转换为付费，可以放心使用。我们只会在新增的高阶能力上探索付费点，并且主要围绕垂直的重度使用场景，或者研发成本非常高的单点新功能。保持 PAG 文件格式的标准通用。社区版本仍然会得到通用能力的持续更新，部分研发成本非常高的付费新功能会阶段性付费，但也会在文件格式层面始终保持开源。业务侧也可以基于标准格式提前自行实现渲染。问：PAG 的 AE 导出插件闭源的原因是什么呢？未来会开源么？答案是不会。举个大家比较熟悉的例子可能更好理解：谷歌的 Chrome 浏览器也不是开源的，开源的是核心的 Chromium 项目。目前开源的 libpag 项目不只是一个渲染库， PAG 文件的核心编解码模块也在其中是完全开源的。所以从原理上如果你希望从头实现一个 AE 导出插件，现在并不存在什么技术上的阻碍，只需要调用 AE SDK 和 PAG 的编码 SDK 即可，剩下的都是一些 UI 业务代码的工作，这部分并没有多少技术含量。那为什么我们不开源这部分 UI 业务的代码呢？实际上你如果只是正常使用 PAG 方案，不是为了快速创造一种不兼容的 PAG 分裂格式，是不会涉及到任何 AE 导出插件代码的内容。但如果开源这部分代码，会显著降低创造一种新的分裂格式的门槛。PAG 的格式跟其他各种图片格式不太一样，它并不是制定完标准后就固化的格式，而是一种动态演进的格式，会随着 AE 功能的支持变多而不断增量变化。如果采用去中心化的管理方式，我们很难保证 PAG 的通用一致性。一旦产生很多分裂版本的格式后，会沦为某些特定业务的私有格式，各种优化无法回馈到社区。设计师也要面对同一个资源可能要导出多种格式的额外工作量，并且需要重复生产大量相似的动效素材，而不能直接复用存量已经导出的资源。这对动效素材社区的发展不利，也是我们非常不愿意看到的。←  →公司地址：广东省深圳市南山区海天二路33号腾讯滨海大厦联系电话：0755-86013388Copyright © 2018 - 2025 Tencent. All Rights Reserved.隐私政策

首页产品功能文档案例CNGitHub论坛交流免费下载

了解 PAGPAG 简介常见问题快速开始安装 PAGViewer安装 AE 导出插件导出 PAG 文件SDK 快速接入导出插件插件选项配置面板导出面板使用指南BMP 预合成导出PAG 填充模式PAG 时间伸缩快捷键设置导出错误码说明AE 导出检测规则文本制作规则添加文本背景如何导出音频手动安装导出插件预览工具编辑预览效果查看 PAG 文件结构快捷键列表导出图片序列素材加密素材加水印切换 Beta 版本性能优化使用性能监测面板PAG 素材优化指南移动端进阶常用 API 解读UI 及列表场景播放优化占位图替换视频播放有声素材文本图层说明使用加密素材渲染导出视频企业版 SDK 鉴权Web 进阶SDK 安装加载 PAG 文件播放 PAG 文件平台特性说明WebWorker 版本介绍API 参考API 文档视频教程PAG 使用流程PAG 性能优化分享PAGExporter 面板分享PAG 线上答疑资源下载PAGViewer 下载PAG 测试素材下载PAG Demo 工程下载2022 音视频技术大会PAG 转换工具下载PAG 文件格式规范TAVMediaTAVMedia 简介TAVMedia 快速入门常用 API 解读其他Lottie 迁移至 PAG专业词汇表常见问题问：PAG 支持哪些平台？PAG SDK 目前已经支持 Android、iOS、macOS、Windows、Linux、Web 和微信小程序等平台。 桌面预览工具 PAGViewer 和 AE 导出插件同时支持 macOS 和 Windows 平台。目前在 Android、iOS、Web 和微信小程序平台上我们会定期发布预编译的制品库，具体接入参考：移动端接入 SDKWeb 端接入 SDK微信小程序接入 SDK其他平台由于没有统一的 UI 框架或者使用上本来也需要自己做一些渲染桥接的适配，我们没有发布统一的预编译制品库，可以自行从Github 的源码进行构建。问：PAG 源码编译的时候报错了怎么处理？PAG 项目的编译依赖一些第三方库的下载同步，以及正确版本的编译工具安装。在运行 Demo 前请务必先阅读位于根目录的 README.md，根据 开发指南 一节的指引进行依赖同步和编译环境配置。如还有问题，可以在 Github Discussions 向我们反馈。问：PAG 支持模拟器吗？在模拟器上测试性能是否准确？PAG 只保证 UI 动画在模拟器里的基本预览，不建议在模拟器上高强度使用或者进行性能测试。PAG 是一个全链路 GPU 加速的 渲染方案，在模拟器上由于无法开启 GPU 加速，性能会比实际情况差很多，另外模拟器也缺失部分必要的接口，导致一些配合高级视频编辑功能的接口在模拟器上也不支持。例如无法绘制到 CVPixelBuffer 离屏对象上。另外模拟器也不是真实用户场景，性能测试请使用真机进行。问：PAG 支持 Flutter 使用吗？PAG 支持 Flutter 使用，这里也有一个第三方作者上传并维护的示例工程，可以供参考：https://github.com/libpag/pag-flutter.git。有相关的使用问题可以直接在该仓库提交 Issue，作者会定期更新维护。问：PAG 与视频编辑的关系？PAG 诞生之初就是为了解决视频编辑场景下的复杂动效效果渲染需求，提供了相关接口可以便捷的与原生视频渲染链路相整合，但 PAG 本身并不是视频编辑框，它只负责通用动效素材的渲染还原部分，也可以广泛应用于除了视频编辑外的众多其他场景。视频编辑框架属于另一个技术范畴的领域，需要业务方自己开发或者接入行业里成熟的方案，解决视频编解码，合成，导出等能力。在成熟的视频编辑框架选型方面，我们已经把腾讯系业务在使用的全功能视频编辑框架 TAVMedia 上架到了 PAG 的官网售卖。它能够全面覆盖音视频编辑场景下的各种底层能力需求。如果业务侧并不需要全功能的 TAVMedia，只需要视频模板相关的能力。我们也已经将相关能力从 TAVMedia 里抽离出来，内置集成到了 PAG 企业版中，整体的性价比会更高而且接口使用门槛更低。开箱即用地支持 PAG 文件中的占位图替换视频，音频播放，渲染内容一键导出成视频文件等。能够帮助用户聚焦业务需求本身，快速轻松实现多平台（Andorid、iOS，服务端）的视频模板功能。更详细的信息可以访问 PAG 官网产品介绍页。问： PAG 文件为什么在移动端播放不出声音？PAG 文件支持集成音频数据，导出方法具体方法参照 如何在AE中导出音频。但由于 PAG 支持组合播放以及运行时编辑等能力，要实现完整的音频播放必须依赖音视频框架进行混流，也就无法在不明显增加包体的情况下默认实现。因此 PAG 社区版目前仍然只专注于渲染画面的部分。音频播放或者合成到视频里需要业务方使用音视频框架自行处理。研发侧可以从 PAGFile.audioBytes 接口上读取 PAG 内置的音频数据，将它存储为本地文件使用或者直接在内存中解码都可以。audioBytes 字节流的编码格式为 AAC，容器格式为 MPEG-4。而内置了视频模板能力的 PAG 企业版因为自带音视频处理模块，也默认增加了对音频播放的支持，不仅支持 PAG 内嵌的音频组合播放，也同时支持用户替换进来的视频所附带的音轨，并能够最终合并导出视频文件。如果需要，欢迎接入使用 PAG 企业版。问：PAG SDK是否支持加载网络文件？目前还不支持，我们计划在 PAG 4.3 版本支持，预计是 2023 年 7 月份。问：PAG Windows 版本是否可以直接和 DirectX 11 的现有游戏结合？目前没有计划要去直接支持 DX 的渲染后端，但是可以通过 Google 的 ANGLE 项目把 DX 包装成 OpenGL 让 PAG 进行渲染。目前 Chrome 在 Windows 上也是采用的这种实现方案。问：在移动端 App 的 UI 场景上使用 PAGView 只播放了一个动效文件，为什么内存占用那么大？PAG 是纯 GPU 渲染的方案，但不像在游戏引擎或者音视频编辑框架里，GPU 渲染在移动端的原生系统 UI 框架里获取不到系统已有的上下文，只能创建独立的 GPU 上下文环境，导致存在一定的额外桥接开销。一个独立上下文的 GPU 渲染的方式都会有一个初始的屏幕缓冲区开销，如果测试的时候是全屏的，每个像素都需要占用 4 字节的内存，加上双缓冲整体还要乘以 2，已经占用了几十 M 内存了。这个本身不是 PAG 动效占用的内存，而是任何 GPU 渲染方案的基本占用，但是它并不是线性增长的。PAG 提供了合并渲染的能力，你只需要创建一个 PAGView 就可以绘制无数个 PAG 动效文件上去，举个例子，共享 PAGView 的情况下，初始开销可能是几十 M，但是每增加一个 PAG 动效文件可能只增加几 M，所以不能通过一个全屏的 PAGView 测试单个 PAG 文件播放的内存占用来推理 N 个 PAG 动效的内存占用。要放到实际业务场景中进行测试才有意义。建议没有遇到真实的瓶颈时不用过度优化，抓大放小。另外我们从 4.2 版本开始增加了针对 UI 场景的专用播放组件 PAGImageView，可以有效绕开 GPU 实时渲染方案在 UI 场景下劣势。尤其是对 UI 列表或同一页面中同时播放多个 PAG 文件的场景，可以显著降低内存占用同时提升渲染性能。其主要原理是充分利用了磁盘缓存，在渲染当前帧的同时，也将当前帧的渲染数据缓存到本地。单个动效文件在整个生命周期中用户只会看到一次短暂基于 GPU 实时渲染的画面，后续都是直接读取高速的磁盘缓存来呈现，并且即使重启 App 后缓存也仍然有效。从而降低整个渲染过程中因为 GPU 实时渲染而引入的额外基础开销。另外由于 PAGImageView 跟 UI 框架之间并没有 GPU 桥接层，天然的能够高性能混合，也就无需处理任何额外的合并播放逻辑。但如果是非 UI 场景下播放，例如视频编辑处理，要实时渲染海量的同屏动效素材，使用 PAGView 合并渲染仍然是最优的方案。问：PAGViewer 里执行占位图替换或者文本编辑后，怎么导出 PAG 文件？PAGViewer 并没有导出 PAG 文件的能力，只是一个预览工具。PAG 文件只能通过 AE 插件进行导出。这里可能是对 PAG 使用方式上的理解存在误区。PAG 提供的运行时编辑替换功能不是用来生成新的 PAG 文件的，编辑的产物应该是生成一个视频或直接播放动效。可以把 PAG 文件理解为一个动效模板，运行时可以替换为用户千变万化的个性信息，组合出无限的可能，如果每种可能都生成一个新的PAG 文件就失去了模板的意义了，这样导致用户使用的时候要下载无数个 PAG 文件。而正确的用法应该是始终只有一个 PAG 文件，但是可以播放或者渲染出无数的组合效果。问：PAG 导出插件是否支持 AE 表达式？AE 表达式还没有原生支持，因为涉及了 JS 虚拟机植入，包会很大，还在考虑最好的方案。但目前是可以导出包含表达式的动效内容的，可以参考如下两种方式导出：右键含有表达式的图层，使用快捷菜单可以把表达式转换为标准的关键帧，然后导出即可。包含表达式效果的图层，如果不需要在运行时被编辑，也可以标记为 BMP 预合成 后导出，这种方式不仅可以导出表达式，甚至第三方插件的效果也可导出。问：导出 PAG 时弹出了一个优化建议页面，是什么意思？提示页面包含两种信息，一种是性能优化建议，发现素材性能不理想时可以根据提示进行优化。另一种是显示当前不支持的能力，对于不支持的能力，可以转化为BMP预合成来导出，可以参考BMP预合成导出，可以在 AE 特性支持列表查看支持直接被导出的 AE 特性列表。问：添加了很多特效（Effect），但导出后不见了？可以在 AE 特性支持列表 里找到目前支持直接导出的特效。如果没有在这个列表里，但特效并不是用在运行时可编辑的图层上（不打算替换内容），或者这是第三方插件的特效，可以转化为BMP预合成来导出，可以参考 BMP 预合成导出。如果你需要用在运行时可编辑的图层上，目前还不支持直接导出，可以通过 Github Discussions 给我们提个需求，我们会根据需求的通用程度排出优先级逐个提供支持。问：标记为 BMP 预合成后，本来不支持的效果就可以导出了，但感觉清晰度不太够？可以在对插件选项进行配置，请参考这个文档 插件选项配置面板 与清晰度有关的参数是：通用页面下的图像压缩质量 和 位图像素密度BMP预合成 页面下的 图像压缩质量但通常情况下并不需要修改这些默认参数，它们已经被设置在文件大小和清晰度的最佳平衡点上。通常情况下清晰度问题更多是由于额外的素材转换操作导致的。例如提前把一些效果转换成视频放进 AE 里再标记为 BMP 预合成导出，或者自行对图片资源进行压缩后放进 AE 使用。所有这些操作只会导致清晰度降低，并不会对最终导出的 PAG 文件带来任何的文件大小优化。PAG 导出插件已经内置了极高压缩率的算法，请不要额外做任何额外的优化文件大小操作，在 AE 中请一律使用最高清的资源进行动效设计，最终交给 PAG 导出插件来进行统一的压缩就行。 我们推荐如下最佳实践：能用矢量直接绘制的，比如图形或者文本，就不要使用 PS 转换为图片再导入 AE 使用。直接在 AE 里绘制。如果必须从外部工具导入 AE 的资源，且原始资源本身就是矢量的，请尝试转换为 AE 原生的图层类型，否则 PAG 无法识别只能截图处理。无法直接进行导出的 AE 特效，不要自行转成视频放进来再标记为 BMP 预合成导出，标记为 BMP 预合成本来就是帮你截图压缩成视频，两次视频压缩会导致清晰度降低。直接标记为 BMP 预合成让 PAG 导出原始的图层即可。注意一下导出的分辨率是否足够。如果是矢量的内容，跟分辨率无关。如果导出的动效包含位图或者 BMP 预合成，清晰度跟根节点的总预合成的尺寸直接相关。在满足清晰度的情况下，尽可能选择合适的分辨率。问：导出的 PAG 文件在客户端渲染时为什么会有色差？桌面预览工具 PAGViewer(2.1.40版本以上) 和客户端 SDK 使用的色彩空间都已经修正为 sRGB。目前解决色差最佳的方式还是 sRGB， 类似 P3 这种广色域的色彩空间并不是所有设备都能支持。如果 AE 设置的是其他色彩空间，请修改为 sRGB，否则导出的 PAG 文件在 渲染的时候可能会出现色差。问：导出的 PAG 文件为什么播放卡顿不流畅，如何优化素材性能？PAG 同时支持纯矢量导出（包含图片图层）和 BMP 预合成导出。素材的性能问题通常都是因为过多使用了 BMP 预合成导致的， 针对 BMP 预合成的使用可以参考如下规则：尽量不用：通常只有在正常导出效果不正确时，才使用 BMP 预合成。可以参考 AE 特性支持列表 文档查看支持直接导出的 AE 特性。尽量少用：如果有多个图层和预合成需要使用 BMP 预合成，尽量将它们合并，以减少 BMP 预合成的数目。控制面积：尽可能避免巨大面积的预合成标记为 BMP 预合成导出，只拆解必要的动效区域出来标记为 BMP 预合成导出。通过以上方式已经能解决绝大部分的素材性能问题，其他更多的素材优化技巧可以参考 PAG 素材优化指南 。问：如何只播放 PAG 文件的某个区间或者调整播放速度？在 PAGView 上没有找到接口。这类功能大家可能直觉地会想到去 PAGView 或 PAGPlayer 这些播放控制类上找，但其实应该通过操作 PAGFile 来实现任何定制化的播放需求。区间播放：首先通过 PAGComposition.Make() 方法创建一个空的 PAGComposition 容器，然后通过它的 addLayer 接口添加你想要播放的 PAGFile 对象。接着你可以对这个 PAGFile 调用 setStartTime 和 setDuration 来控制你想播放的具体区间。最后把这个总的 PAGComposition 交给 PAGView 去播放即可。举例：一个8s长的pag文件需要循环播放3~6s，将PAGFile添加到PAGComposition后，设置PAGFile的startTime为-3000000，duration为6000000变速播放：首先设置 PAGFile.setTimeStretchMode(PAGTimeStretchMode.Scale)，然后通过 PAGFile.setDuration() 接口设置你想变速后播放的时长即可，设置比原始更长时间是慢速播放，设置更短时间是快速播放。PAG 提供了非常灵活的图层级别控制 API，运行时可以自由排列组合多个 PAGFile，通过 setStartTime 和 setDuration 控制时间轴，通过 setMatrix 控制相对位置，也可以对图层进行增删改等等。具体可以参考 PAGLayer 以及 PAGComposition 等类的相关接口。通过图层级别的控制 API，你也可以设计一系列复杂的原子特效组合特性，在制作 PAG 素材时就不在需要把各种排列组合的场景都逐一在 AE 拼装导出一遍，而是只要导出拆分的原子 PAG 文件，然后运行时通过编程控制可以组合出无限种类的效果。问：PAG 中字体加载的策略是什么？ Linux 端文本为啥无法正常显示？由于字体文件一般都比较大，pag 文件中不会包含字体文件，但文本内容的显示依赖于字体文件。如果需要显示特定字体，无论那个平台就需要进行字体注册。字体注册相关接口参考 PAGFont 的相关方法。 RegisterFont 方法用来注册字体，SetFallbackFontPaths 用来设置字体回退列表。当输入文本的字体无法匹配到时，会使用回退列表中的字体。在Android、iOS、macOS 和 Windows 平台，我们内部注册了部分系统字体为回退字体，所以即便没有注册字体，文本的字体没有匹配到也可以回退到部分系统字体。但在 Linux 平台没有注册默认字体为回退字体的逻辑，因此如果没有注册字体，文本是无法正常显示的。问：PAG 收费吗？PAG 的 AE 导出插件和桌面预览工具目前都是完全免费的，SDK 部分主要分为两个版本：社区版：完全开源免费，采用 Apache 2.0 协议，可以自由商用。社区版只专注于通用的动效渲染还原以及动效文件格式的标准化，并针对动效播放等轻度使用场景提供开箱即用的支持。其他重度使用场景如视频编辑，直播等需要业务方自行封装实现，适合人力充足且已有较深框架积累的团队。企业版：付费授权使用，在社区版的通用功能的基础上会持续增加一些针对重度使用场景的高阶能力封装。例如开箱即用的视频模板相关能力，以及素材加密等。业务侧选购后除了能显著减少自行封装实现的大量研发成本外，还可以获得官方团对一对一的即时技术支持服务，加速产品需求的高效落地。有个朴素但可能比较违反直觉的事实：完善的商业化体系支撑才是开源项目可以持续发展的唯一保障，而不是依赖情怀或者承诺。只有充分商业化的项目，才可能有更多的资源持续投入到免费功能的迭代以及社区用户对接中，否则在任何团队都会最终沦为低优先级的任务，或者短期晋级答辩的 KPI 产物，最终导致所有用户的长期稳定使用都得不到有效保障。因此 PAG 团队也会始终将商业化探索作为高优的任务执行。但总体上我们会坚持以下两点原则：已免费的能力项未来不会转付费。所有现在免费的单点能力，未来也不会转换为付费，可以放心使用。我们只会在新增的高阶能力上探索付费点，并且主要围绕垂直的重度使用场景，或者研发成本非常高的单点新功能。保持 PAG 文件格式的标准通用。社区版本仍然会得到通用能力的持续更新，部分研发成本非常高的付费新功能会阶段性付费，但也会在文件格式层面始终保持开源。业务侧也可以基于标准格式提前自行实现渲染。问：PAG 的 AE 导出插件闭源的原因是什么呢？未来会开源么？答案是不会。举个大家比较熟悉的例子可能更好理解：谷歌的 Chrome 浏览器也不是开源的，开源的是核心的 Chromium 项目。目前开源的 libpag 项目不只是一个渲染库， PAG 文件的核心编解码模块也在其中是完全开源的。所以从原理上如果你希望从头实现一个 AE 导出插件，现在并不存在什么技术上的阻碍，只需要调用 AE SDK 和 PAG 的编码 SDK 即可，剩下的都是一些 UI 业务代码的工作，这部分并没有多少技术含量。那为什么我们不开源这部分 UI 业务的代码呢？实际上你如果只是正常使用 PAG 方案，不是为了快速创造一种不兼容的 PAG 分裂格式，是不会涉及到任何 AE 导出插件代码的内容。但如果开源这部分代码，会显著降低创造一种新的分裂格式的门槛。PAG 的格式跟其他各种图片格式不太一样，它并不是制定完标准后就固化的格式，而是一种动态演进的格式，会随着 AE 功能的支持变多而不断增量变化。如果采用去中心化的管理方式，我们很难保证 PAG 的通用一致性。一旦产生很多分裂版本的格式后，会沦为某些特定业务的私有格式，各种优化无法回馈到社区。设计师也要面对同一个资源可能要导出多种格式的额外工作量，并且需要重复生产大量相似的动效素材，而不能直接复用存量已经导出的资源。这对动效素材社区的发展不利，也是我们非常不愿意看到的。←  →公司地址：广东省深圳市南山区海天二路33号腾讯滨海大厦联系电话：0755-86013388Copyright © 2018 - 2025 Tencent. All Rights Reserved.隐私政策