<Still>
A <Still />
is a single-frame <Composition />
. It is a convenient way to define a composition that renders an image rather than a video.
Example
The <Still />
component has the same API as the <Composition />
component, except that it's not necessary to pass durationInFrames
and fps
.
tsx
import {Composition ,Still } from "remotion";import {MyComp } from "./MyComp";export constMyVideo = () => {return (<><Composition id ="my-video"component ={MyComp }width ={1080}height ={1080}fps ={30}durationInFrames ={3 * 30}/><Still id ="my-image"component ={MyComp }width ={1080}height ={1080} /></>);};
tsx
import {Composition ,Still } from "remotion";import {MyComp } from "./MyComp";export constMyVideo = () => {return (<><Composition id ="my-video"component ={MyComp }width ={1080}height ={1080}fps ={30}durationInFrames ={3 * 30}/><Still id ="my-image"component ={MyComp }width ={1080}height ={1080} /></>);};