Remotion allows you to include several types of files in your project:
- Images (
- Videos (
- Audio (
.aac), preview only
- Fonts (
.woff2) - read the separate page for fonts
Require images using an
import statement and pass them to the
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 />/docs/video) component to keep the timeline and your video in sync.
Be aware that if you are rendering using Chromium (as opposed to Chrome), the codec for MP4 videos is not included. Read the section on the
<Video/ > page for more information.
Import your audio using an
import statement and pass it to the
<Audio/ > component.
See the audio guide for guidance on including audio.
See the dedicated page about fonts.