Chapter 391: Emitting Artifacts

Core Idea

Sometimes you wish to generate additional files when rendering your video.

Key Concepts

• Example
• Rules of artifacts
• Emitting thumbnails<AvailableFrom v="4.0.290" />
• Receiving artifacts
• In the CLI or Studio
• Using renderMedia(), renderStill() or renderFrames()
• Using renderMediaOnWeb() or renderStillOnWeb()
• Using the Remotion Lambda CLI

Code Examples

// @filename: subtitles.tsx

export const generateSubtitles = () => {
  return ``;
};
// @filename: MyComp.tsx

export const MyComp: React.FC = () => {
  const frame = useCurrentFrame();
  return <>{frame === 0 ? <Artifact filename="captions.srt" content={generateSubtitles()} /> : null}</>;
};

• What it demonstrates: Usage pattern for Emitting Artifacts from the official docs.

Key Takeaways

1. Understand example when working with Emitting Artifacts.
2. Understand rules of artifacts when working with Emitting Artifacts.
3. Understand emitting thumbnails<availablefrom v="4.0.290" /> when working with Emitting Artifacts.
4. Understand receiving artifacts when working with Emitting Artifacts.
5. Understand in the cli or studio when working with Emitting Artifacts.

Connects To

• Accessibility: related page in the Legal, Meta & Support section.
• dev: related page in the Legal, Meta & Support section.
• pro: related page in the Legal, Meta & Support section.