Skip to main content

参数化视频

Remotion 允许摄入、验证、可视化编辑和转换可能用于参数化视频的数据。

数据可能会影响视频的内容，或者元数据如宽度、高度、持续时间或帧速率。

高级概述​

Remotion 允许将props传递给 React 组件。
Props 是 React 的概念，采用 JavaScript 对象的形式。

为确定传递给视频的数据，执行以下步骤：

默认 props 静态定义，以便在 Studio 中设计视频时不需要任何数据。

  • 默认 props 定义数据的形状。

  • 可以定义并验证模式。

  • 在没有数据的情况下，可以在 Remotion Studio 中编辑默认 props。

输入 props 可在渲染视频时指定，以覆盖默认 props。

  • 输入 props 与默认 props 合并，其中输入 props 优先级更高。

使用 calculateMetadata()，可以对 props 进行后处理，并动态计算元数据。

  • 例如，如果将 URL 作为 prop 传递，可以获取该 URL 并将内容添加到 props 中。

  • 此处还可以进行视频持续时间和其他元数据的异步计算。

最终 props 传递给 React 组件。

  • 组件可以根据 props 动态呈现内容。

查看这里以获取解析过程的可视化解释和更多详细信息。

目录​

参见​

您可以使用 Remotion Player 在 React 应用中显示 Remotion 组件，并动态更改内容而无需渲染视频，以创建内容实时更新的体验。