No volume curve present in the timeline

[andrei-zgirvaci]

I am not sure why, but I don't see any volume curve draw in the timeline as described in the documentation:

You may also pass a callback function that returns the volume based an arbitrary frame number. This has the benefit that Remotion is able to draw a volume curve in the timeline!

Link: https://www.remotion.dev/docs/using-audio#controlling-volume

I made sure to write my interpolate function accordingly:

<Audio
  src={episodeAudio}
  startFrom={startFrom - 1}
  endAt={endAt}
  volume={(f) =>
    interpolate(
      f,
      [START_AUDIO_FADE_OUT_FROM, videoConfig.durationInFrames],
      [1, 0],
      { extrapolateLeft: "clamp" }
    )
  }
/>;

This is what I see in the timeline:

I guess I don't even know what I am expected to see, maybe it's already present, but I just don't know what to look for.

I would appreciate it if someone will show an example of their timeline with the volume curve drawn :)

[JonnyBurger]

It seems a line is there, but it's at the top of the layer, but it's always at full volume and therefore it's sticking at the top of the layer.

Note that if you use a callback function, the frame of where the audio starts playing is always 0, irrespective of what frame is shown in the timeline. So instead of using videoConfig.durationInFrames, maybe it's better to use endAt - startAt.

You can debug it really easily by just using console.log() for your volume and seeing if you are always at volume 1 😃