Skip to main content

Music

To underlay your video with music, use one of the three soundtracks provided by the Remotion Recorder or add your own.

Add music

In the default props editor in the right sidebar, you may choose a value for music for each scene:

  • "none" - No music
  • "previous" - Same setting as in the previous scene
  • "soft", "euphoric", "epic" - One of the three provided soundtracks

Provided Soundtracks

Included in the Remotion Recorder are three music tracks that you can use in your videos:

  • "Nature" (2:34, ID "soft")
  • "I Woke Up In A Dream" (2:23, ID "euphoric")
  • "Rhythmic Reverie" (3:29, ID "epic")

All tracks were produced by Utope Music exclusively for the Recorder and are cleared for your videos produced by the Recorder.

Add your background music

To add background music, you first have to add songs to the public/sounds folder.
Then register the track in config/sounds.ts.

tsx
export const music = z.enum([
"previous",
"none",
"somesong",
// You can give your song any label. This is the name you will see in the editor.
"<your-song-label>",
]);
export const getAudioSource = (track: Music) => {
if (track === "somesong") {
return staticFile("sounds/soundtrack1.mp3");
}
// Add your track here. The label has to match the one you added above.
if (track === "<your-song-label>") {
return staticFile("sounds/<actual-asset-name>");
}
};
tsx
export const music = z.enum([
"previous",
"none",
"somesong",
// You can give your song any label. This is the name you will see in the editor.
"<your-song-label>",
]);
export const getAudioSource = (track: Music) => {
if (track === "somesong") {
return staticFile("sounds/soundtrack1.mp3");
}
// Add your track here. The label has to match the one you added above.
if (track === "<your-song-label>") {
return staticFile("sounds/<actual-asset-name>");
}
};

You can now apply the newly added music to a scene by selecting the track in the right sidebar.

Changing music

Music will automatically carry over to the next scene.
If you want to change the music, select a different track for a scene and it will crossfade.

Stopping music

If you want to stop the music, select none as track.