Skip to main content

<冻结>

从 v2.2.0 版本开始可用。

当使用 <冻结/> 组件时，所有子元素都将冻结在您指定的帧上。

如果一个组件是 <冻结/> 的子元素，调用 useCurrentFrame() 钩子将始终返回您指定的帧编号，而不受任何 <序列> 的影响。

<视频 /> 和 <离线视频 /> 元素将被暂停，而 <音频 /> 元素将以静音方式渲染。

示例​

MyComp.tsx
tsx
import { Freeze } from "remotion";
 
const MyVideo = () => {
  return (
    <Freeze frame={30}>
      <BlueSquare />
    </Freeze>
  );
};
MyComp.tsx
tsx
import { Freeze } from "remotion";
 
const MyVideo = () => {
  return (
    <Freeze frame={30}>
      <BlueSquare />
    </Freeze>
  );
};

API​

冻结组件是一个高阶组件，除了它的子元素外，还接受以下 props：

frame​

子元素应该在哪一帧冻结。

activev4.0.127​

通过传递 false 来停用冻结组件。
您还可以传递一个回调函数，并接受当前帧并返回一个布尔值。

从第30帧开始
tsx
import { Freeze } from "remotion";
 
const MyVideo = () => {
  return (
    <Freeze frame={30} active={(f) => f < 30}>
      <BlueSquare />
    </Freeze>
  );
};
从第30帧开始
tsx
import { Freeze } from "remotion";
 
const MyVideo = () => {
  return (
    <Freeze frame={30} active={(f) => f < 30}>
      <BlueSquare />
    </Freeze>
  );
};

演示​

0
0:00 / 0:05

另请参阅​