pellicule

Pellicule 是一个强大的引擎，专为想要使用 Vue 生态系统以程序化方式创建视频内容的开发者所设计。通过将视频视为一系列帧而非基于时间轴的流程，Pellicule 确保了确定性的渲染结果，这意味着相同的 Vue 组件永远会输出完全相同的视觉帧。这使其成为生成动态社交媒体素材、数据可视化、自动化营销视频或程序化视频开场的理想工具，且无需手动操作非线性编辑软件。

它通过利用 Vite 进行打包、Playwright 进行无头浏览器帧捕获，以及 FFmpeg 进行高质量视频编码来运作。无论您是在独立项目中建立组件，还是将其整合至现有的 Nuxt、Quasar 或 Laravel 应用程序中，Pellicule 都通过标准的 Vue 响应式、组合式函数与样式技巧，提供熟悉的开发体验。

• 确定性渲染引擎，确保每次执行皆能获得一致的输出。

• 与 Vue 3 以及 CSS、字体、SVG 等标准网页技术完美整合。

• 丰富的动画工具库，包括用于数值映射的 interpolate、用于场景管理的 sequence，以及用于自然运动的缓动函数。

• 内置如 useFrame 和 useVideoConfig 的组合式函数，用于将组件与渲染周期同步。

• 用于零配置渲染与自动化管道集成的无头 CLI 接口。

• 可灵活定义视频长度、帧率与尺寸。

• 推荐给熟悉 Vue 的前端开发者，特别是需要自动化视觉内容创建的场景。

• 应避免使用非确定性的浏览器 API，如 Date.now()、Math.random() 或异步计时器；所有动画必须从提供的帧索引衍生。

• 确保环境中已安装 FFmpeg，因为它是最终视频编码过程的必要组件。

• 在您的视频组件内使用 defineVideoConfig 宏来进行本地配置覆盖。

• 非常适合动态标题、程序化数据驱动的视频报告以及模块化动态设计系统。