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.

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.