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
import {staticFile} from 'remotion'; import {Audio} from '@remotion/media'; export const MyComposition = () => { return ( <> <Audio src={staticFile('audio.mp3')} /> </> ); };

You can also add remote audio by passing a URL:

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

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.