200-500ms delay between audio and waveform

[acemtp]

I have a 200-500ms delay between audio and waveform depending of the start position.

Reproduction:

1. Go here: https://app.precut.app/toto.html

2. Click here, you'll hear/see the delay (you can click multiple time on this position and still see the delay)

3. reload the page and click here and there will be no delay

Source

audio: https://app.precut.app/camvocie.mp3

code:

<div id="waveform">
--
<!-- the waveform will be rendered here -->
</div>
 
<script type="module">
import WaveSurfer from 'https://cdn.jsdelivr.net/npm/wavesurfer.js@7/dist/wavesurfer.esm.js';
 
const wavesurfer = WaveSurfer.create({
container: '#waveform',
waveColor: '#4F4A85',
progressColor: '#383351',
minPxPerSec: 200,
url: '/camvocie.mp3',
});
 
wavesurfer.on('interaction', () => {
wavesurfer.play();
});
</script>