Skip to main content

Importing Audio

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

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

You can also add remote audio by passing a URL:

MyComp.tsx
import {AbsoluteFill, Html5Audio} from 'remotion'; export const MyComposition = () => { return ( <AbsoluteFill> <Html5Audio 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.