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.
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:
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.