Chapter 182: Sound effects

Core Idea

You can add sound effects to your Remotion video using the <Audio> tag.

Key Concepts

• Using @remotion/sfx
• Using the CDN directly
• Finding more sound effects
• Contributing
• See also

Code Examples

const MyVideo = () => {
  return (
    <>
      <Audio from={0} durationInFrames={30} src={whip} />
      <Audio from={30} durationInFrames={30} src={whoosh} />
    </>
  );
};

• What it demonstrates: Usage pattern for Sound effects from the official docs.

Key Takeaways

1. Understand using @remotion/sfx when working with Sound effects.
2. Understand using the cdn directly when working with Sound effects.
3. Understand finding more sound effects when working with Sound effects.
4. Understand contributing when working with Sound effects.
5. Understand see also when working with Sound effects.

Connects To

• Animatedimage: related page in the Assets & Media section.
• Delaying: related page in the Assets & Media section.
• Exporting: related page in the Assets & Media section.