如何在没有 After Effects 的情况下修剪 Lottie 文件

Question

我有一个 95 帧的 Lottie 文件，我想修剪开头，使其从 15 帧标记开始。似乎应该有一个简单的方法来做到这一点，但我没有 After Effects。是否有一些在线编辑器或其他方式可以获得代表从 15 帧开始的动画的新 .json 文件？

我尝试LottieRef.current.play(15, 95)像这样使用：

const lottieRef = useRef<LottieView>(null);

useEffect(() => {
    if (lottieRef && lottieRef.current) {
      lottieRef.current.play(15, 95);
    }
  }, [renderVideo, lottieRef]);

return (
    <LottieView
      ref={lottieRef}
      source={SUCCESS.keepReading}
      onAnimationFinish={game.onFinishAnimation}
      autoPlay
      loop={false}
      style={styles.animationContainer}
    />
  );

但是当我添加onAnimationFinish道具时，它会立即调用动画完成函数，而不是等到动画播放完毕。所以我想编辑实际的 .json 文件（但是如果有一个修复程序可以让我使用此方法而不出现问题，onAnimationFinish那就太好了）。

Answer 1

您可以将lottie 文件中的ip和更改为您想要开始/结束的任何帧。op

在您的示例中，更改ip为15和op95

Answer 2

您只需进入lottie json 文件并从资源数组中删除框架即可。帧的 ID 类似于“fr_1”、“fr_2”。删除 fr_0 到 fr_15 中的 id 并保存。另请确保在删除后更新最终帧数。总帧数由 op 键指示。