Skip to main content

v2.0 迁移

以下是 Remotion 2.0 中的一些破坏性更改列表，供希望升级项目参考。

序列长度减少 1 帧​

由于 v1 中的错误，序列长度多了 1 帧。新行为使每个合成长度减少 1 帧，但与合成的持续时间保持一致。

现在序列的行为如下，通过示例解释：如果 durationInFrames 为 60，from 为 0，则序列从第 0 帧到第 59 帧（总共 60 帧），与持续时间相同的合成。在 Remotion 1.x 版本中，具有相同属性的序列将从第 0 帧到第 60 帧（总共 61 帧）。

升级路径：检查您的序列长度，如有必要，增加 1 帧的持续时间。

Node.JS API 更改​

  • renderFrames 的 userProps 选项已更名为 inputProps。
  • 如果希望视频具有声音，现在需要将 assetsInfo 传递给 stitchFramesToVideo。assetsInfo 对象将由 renderFrames() 返回。

升级路径：查看 SSR 页面 上的更新示例，并相应更新您的程序。

--overwrite 现在是默认设置​

如果输出已存在，Remotion 现在将无需询问即覆盖它，除非您禁用此行为。

升级路径：不做任何操作，或根据需要调整配置文件中的设置。

Webpack 现在使用 ESBuild 而不是 Babel​

希望您不会注意到除了速度更快之外的任何区别。有一种方法 可以切换回 Babel，请在此处阅读相关信息。

升级路径：不做任何操作 - 如果出现问题，请使用传统的 Babel 插件并提交问题。

react-dom 是对等依赖项​

react-dom 不再预安装，因此如果您升级，需要手动安装。

升级到 2.0 版本​

将您的 package.json 中包含 "remotion" 的 所有 依赖项升级到版本 ^2.0.0。

diff
-"@remotion/bundler": "^1.5.4",
-"@remotion/cli": "^1.5.4",
-"@remotion/eslint-config": "^1.5.4",
-"@remotion/renderer": "^1.5.4",
+"@remotion/bundler": "^2.0.0",
+"@remotion/cli": "^2.0.0",
+"@remotion/eslint-config": "2.0.0",
+"@remotion/renderer": "^2.0.0",
"@types/express": "^4.17.9",
"@types/react": "^17.0.0",
"eslint": "^7.15.0",
"express": "^4.17.1",
"prettier": "^2.2.1",
"react": "^17.0.2",
+"react-dom": "^17.0.2",
-"remotion": "^1.5.4",
+"remotion": "^2.0.0",
diff
-"@remotion/bundler": "^1.5.4",
-"@remotion/cli": "^1.5.4",
-"@remotion/eslint-config": "^1.5.4",
-"@remotion/renderer": "^1.5.4",
+"@remotion/bundler": "^2.0.0",
+"@remotion/cli": "^2.0.0",
+"@remotion/eslint-config": "2.0.0",
+"@remotion/renderer": "^2.0.0",
"@types/express": "^4.17.9",
"@types/react": "^17.0.0",
"eslint": "^7.15.0",
"express": "^4.17.1",
"prettier": "^2.2.1",
"react": "^17.0.2",
+"react-dom": "^17.0.2",
-"remotion": "^1.5.4",
+"remotion": "^2.0.0",

之后运行 npm install。