Chapter 930: Importing assets

Core Idea

To import assets in Remotion, create a public/ folder in your project and use staticFile() to import it.

Key Concepts

• Using images
• Using image sequences
• Using videos
• Using Audio
• Using CSS
• Using Fonts
• import statements
• Caveats

Code Examples

my-video/
├─ node_modules/
├─ public/
│  ├─ logo.png
├─ src/
│  ├─ MyComp.tsx
│  ├─ Root.tsx
│  ├─ index.ts
├─ package.json

• What it demonstrates: Usage pattern for Importing assets from the official docs.

Key Takeaways

1. Understand using images when working with Importing assets.
2. Understand using image sequences when working with Importing assets.
3. Understand using videos when working with Importing assets.
4. Understand using audio when working with Importing assets.
5. Understand using css when working with Importing assets.

Connects To

• 4 0 Alpha: related page in the Miscellaneous (Core) section.
• ai: related page in the Miscellaneous (Core) section.
• Animated Emoji: related page in the Miscellaneous (Core) section.