Remotion 2.1

这个版本发布了新的实用功能、改进的开发者体验以及实验性的 Remotion 播放器发布！

新的 interpolateColors() 函数 🌈

现在您可以轻松地在颜色之间进行动画处理，并混合颜色以创建有趣的动画，使用 interpolateColors()。

我个人使用它在 Remotion 中重新创建了苹果的“Spring Loaded”标志，仅使用 <div> 元素。

感谢 Shankhadeep Dey 实现了这个功能！

新的 measureSpring() 函数 🌀

使用弹簧动画进行过渡时的一个问题是，您不知道动画的持续时间。这就是为什么我们添加了一个新的 measureSpring() 函数！

现在您可以在更改弹簧配置时动态调整 Remotion 中的时间。

感谢 Samuel Rodriguez-Lozano 实现了这个功能！

文档和开发者体验更新

我们花费了时间确保如果出现问题，您不会陷入困境。以下是我们为改进您在 Remotion 中的体验所做的一些工作：

• 如果遇到超时，您现在将看到未清除 delayRender() 句柄的堆栈跟踪。我们现在还有一个超时故障排除页面，并在遇到错误时链接到文档。
• 如果您使用 Chromium 并导入 MP4 视频，您将获得更有帮助的错误信息，并链接到帮助页面。
• 我们添加了一个指南，以改进在开发和渲染时的性能。
• 服务器端渲染的 API bundle()、getCompositions()、renderFrames() 和 stitchFramesToVideo() 及其所有参数现在都有更详细的文档。
• 如果在渲染时抛出异常，控制台中的日志输出现在更好。

## `@remotion/player` 的 Alpha 版本
我们正在开发一个 Remotion 播放器组件，您可以将其导入到您的 React 应用程序中。今天，我们为那些希望尝试并向我们提供反馈的人预发布了播放器。请告诉我们您的想法！
[**阅读 `@remotion/player` 的文档**](/docs/player)
<PlayerExampleWithControls />
## 测试覆盖率更新
我们现在拥有超过 450 个测试，Remotion 核心现在的测试覆盖率已经超过 80%。感谢 Tobias Boner、Calvin Falter 和 Jonas Brunner 持续进行大规模的测试倡议！
我们现在还跨不同的 Node 版本（12、14 和 16）、npm 版本（v6 和 v7）以及 FFMPEG 版本（4.1 和 4.4）进行测试，除了在 3 个不同的操作系统上进行测试，以便我们可以自信地快速发布新功能。
对于贡献者，我们现在有一个 [TESTING.md](https://github.com/remotion-dev/remotion/blob/main/TESTING.md) 文件。
## 其他
- 您现在可以按 <kbd>Shift+Right Arrow</kbd> 键在时间轴中向前跳转 1 秒，按 <kbd>Shift+Left Arrow</kbd> 键向后跳转 1 秒。
- `npm init video` 现在将使用 NPM 设置一个 Remotion 项目，`yarn create video` 将使用 Yarn 设置一个项目。
- Node 16 和 NPM 7 现在得到更好的支持，安装和执行过程中不会显示任何警告。
- 修复了几个音频渲染问题：[#292](https://github.com/remotion-dev/remotion/issues/292) [#293](https://github.com/remotion-dev/remotion/issues/293) [#320](https://github.com/remotion-dev/remotion/issues/320)
- 当编辑器中出现更新横幅时，您现在可以单击以复制命令。
- 您现在可以将 React 的 `ref` 传递给 `<Audio/>` 和 `<Video />` 标签。
- 我们改进了 CLI 输出！您喜欢吗？
- 编辑器中的预览大小选项现在是持久的，感谢 [Oluwatobiju Judah](https://github.com/Tobijudah)！
- 在编辑器中，默认情况下启用了透明度切换。

## `@remotion/player` 的 Alpha 版本
我们正在开发一个 Remotion 播放器组件，您可以将其导入到您的 React 应用程序中。今天，我们为那些希望尝试并向我们提供反馈的人预发布了播放器。请告诉我们您的想法！
[**阅读 `@remotion/player` 的文档**](/docs/player)
<PlayerExampleWithControls />
## 测试覆盖率更新
我们现在拥有超过 450 个测试，Remotion 核心现在的测试覆盖率已经超过 80%。感谢 Tobias Boner、Calvin Falter 和 Jonas Brunner 持续进行大规模的测试倡议！
我们现在还跨不同的 Node 版本（12、14 和 16）、npm 版本（v6 和 v7）以及 FFMPEG 版本（4.1 和 4.4）进行测试，除了在 3 个不同的操作系统上进行测试，以便我们可以自信地快速发布新功能。
对于贡献者，我们现在有一个 [TESTING.md](https://github.com/remotion-dev/remotion/blob/main/TESTING.md) 文件。
## 其他
- 您现在可以按 <kbd>Shift+Right Arrow</kbd> 键在时间轴中向前跳转 1 秒，按 <kbd>Shift+Left Arrow</kbd> 键向后跳转 1 秒。
- `npm init video` 现在将使用 NPM 设置一个 Remotion 项目，`yarn create video` 将使用 Yarn 设置一个项目。
- Node 16 和 NPM 7 现在得到更好的支持，安装和执行过程中不会显示任何警告。
- 修复了几个音频渲染问题：[#292](https://github.com/remotion-dev/remotion/issues/292) [#293](https://github.com/remotion-dev/remotion/issues/293) [#320](https://github.com/remotion-dev/remotion/issues/320)
- 当编辑器中出现更新横幅时，您现在可以单击以复制命令。
- 您现在可以将 React 的 `ref` 传递给 `<Audio/>` 和 `<Video />` 标签。
- 我们改进了 CLI 输出！您喜欢吗？
- 编辑器中的预览大小选项现在是持久的，感谢 [Oluwatobiju Judah](https://github.com/Tobijudah)！
- 在编辑器中，默认情况下启用了透明度切换。