Skip to main content

第三方集成

在 Remotion 中,所有动画都必须由 useCurrentFrame() 钩子返回的值驱动。如果您想要在 Remotion 中使用其他动画方式,您需要一个支持与 Remotion 同步时间的集成。

在本页面中,我们维护了一个关于在 Web 上流行的动画方式的集成列表,并提供了流行请求的状态。

After Effects

查看:Lottie - 从 After Effects 导入

Anime.JS

查看此存储库 以获取示例。

CSS 动画

您可以使用 animation-play-stateanimation-delay CSS 属性来同步动画与 Remotion 的时间。

查看此处的示例

Framer Motion

目前,我们没有 Framer Motion 集成,但正在 GitHub Issues 上讨论此事。

GIF

使用 @remotion/gif 包。

GreenSock

查看:如何将 GreenSock 与 Remotion 集成

Lottie

使用 @remotion/lottie 包。

React Native Skia

使用 @remotion/skia 包。

react-spring

没有直接兼容性,但 Remotion 提供了自己的 spring()

Reanimated

没有可用的集成,但 Remotion 与 Reanimated 共享一些代码,特别是 interpolate()spring()Easing。这使得从 Reanimated 中重构已有动画更容易。

Rive

使用 @remotion/rive 包。

TailwindCSS

查看:TailwindCSS

Three.JS

使用 @remotion/three 包。

其他库

您是否有兴趣在 Remotion 中使用其他库?您可以提交一个 GitHub 问题来咨询。虽然我们不能保证能够提供帮助,但您可以注册兴趣并开始讨论。