Playhead position is incorrect for longer audio when using "MediaElement" backend

[jonyTF]

Hi I want to use the MediaElement backend because it sounds better when sped up compared to WebAudio (pitch is not changed).

However, the playhead position appears to be incorrect when playing longer audio files (this does not happen with the WebAudio backend).

Here is the code where I instantiate wavesurfer:

const _wavesurfer = WaveSurfer.create({
        container: `#${audioVisualizerId}`,
        url: call.stereoRecordingUrl,
        height: small ? 50 : 100,
        splitChannels: [
          { height: small ? 25 : 50 },
          { height: small ? 25 : 50 },
        ],
        dragToSeek: true,
        fillParent: true,
        backend: "MediaElement",
});

And here is a recording of the audio being off from where the playhead is:

Screen.Recording.2025-01-14.at.9.57.54.PM.mov

[katspaugh]

This can happen with VBR mp3s. See the FAQ https://github.com/katspaugh/wavesurfer.js?tab=readme-ov-file#faq (There is a mismatch between my audio and the waveform. How do I fix it?)

[jonyTF]

oop didn't see that part of the readme, thanks!