Remotion allows you to include several types of files in your project:
- Images (
- Videos (
.mp4), with constraints
- Audio (
.aac), preview only
- Fonts (
.woff2) - read the separate page for fonts
Require images using an
If you have a series of images, for example exported from another program like After Effects or Rotato, you can use a dynamic
require statement to import the images as they are needed.
Avoid writing a require statement that requires a file that doesn't exist. If your project throws an error because your composition is longer than than your image sequence, clamp the file name using
Math.min() or Remotion's
Import your files using an import statement. Use the
<Video /> component to keep the timeline and your video in sync.
Since Puppeteer doesn't include the proprietary codec to read MP4 videos, you must convert your videos to WebM before rendering.
Import your audio using an
@import statement and pass it to the
<Audio/ > component.
Audio is experimental and is currently only playing in the preview, not in the final video.
See the dedicated page about fonts.