Skip to main content

Importing Audio

Put an audio file into the public/ folder and use staticFile() to reference it.
Add an <Audio/> tag to your component to add sound to it.

MyComp.tsx
tsx
import {AbsoluteFill, Audio, staticFile} from 'remotion';
 
export const MyComposition = () => {
return (
<AbsoluteFill>
<Audio src={staticFile('audio.mp3')} />
</AbsoluteFill>
);
};

You can also add remote audio by passing a URL:

MyComp.tsx
tsx
import {AbsoluteFill, Audio} from 'remotion';
 
export const MyComposition = () => {
return (
<AbsoluteFill>
<Audio src="https://example.com/audio.mp3" />
</AbsoluteFill>
);
};

By default, the audio will play from the start, at full volume and full length.
You can mix multiple tracks together by adding more audio tags.