Remotion 3.2

August 10, 2022 · 6 min read

Remotion首席黑客

在这个版本中：创建视频的方式更多，工作流程更好！

Lottie支持

宣布官方 @remotion/lottie 包，包括类型安全组件和详尽的文档。使用 Lottie，您可以从 LottieFiles 导入成千上万的预制动画，我们甚至制作了一个指南，介绍了如何导入在After Effects中创建的动画！

_{在Remotion中嵌入的Lottiefiles动画：1, 2, 3}

要开始，请将 @remotion/lottie 安装到您的Remotion项目中，并导入 <Lottie> 组件：

bash
npm i @remotion/lottie

bash
npm i @remotion/lottie

bash
pnpm i @remotion/lottie

bash
pnpm i @remotion/lottie

bash
yarn add @remotion/lottie

bash
yarn add @remotion/lottie

感谢 Arthur Denner 实现了这个功能！

使用 @remotion/skia 包，您现在可以在Remotion中使用 React Native Skia！感谢我们的合作者 William Candillon 和 Christian Falch，Remotion现在是React Native Skia的一流目标。

查看史诗公告视频，阅读文档并使用以下内容制作您的第一个视频：

bash
npx create-video --skia

bash
npx create-video --skia

bash
pnpm create video --skia

bash
pnpm create video --skia

bash
yarn create video --skia

bash
yarn create video --skia

我们的时间轴具有一些新功能，使其更像传统视频编辑器。您现在可以放大和缩小时间轴，以更好地专注于视频的某个部分。播放视频时，时间轴会随着光标移动。使用光标或键盘进行快进也会滚动时间轴，使光标始终在视口内。

另一个新的时间轴功能是现在每秒会出现刻度线，当放大时，会出现表示单帧位置的较小刻度线。这应该有助于您确定自己在视频的哪个时间点。

现在，您可以通过在渲染中传递 --muted 来明确删除视频的音频。现在，不包含音频的视频渲染速度更快，因为我们不再包含静音音轨（使用 --enforce-audio-track 来获得旧行为）。

现在，仅音频渲染速度更快，因为 Remotion 不会等待视频标签进行定位。

现在，仅视频渲染速度更快，因为不需要下载任何资产以包含在音频轨道中。

新的 ESLint 规则，如果您将相对路径或远程 URL 传递给 staticFile，则会发出警告：staticFile("../my-file.png") 或 staticFile("https://example.com")
在 Remotion Lambda 上更好的错误消息，当您渲染到的存储桶缺少 s3:ListBucket 权限时。
当将以 .gif 结尾的文件传递给 <Img> 组件时，ESLint 会发出警告。
更好的错误消息和帮助页面，当在另一个无服务器函数中调用 renderMediaOnLambda() 且 AWS 凭证发生冲突时。
更好的错误消息和帮助页面，当渲染到一个 ACL 已禁用但您将隐私设置为 public 或 private 的存储桶时。