Progressive MP3 loading

Hi I’m loading the waveform from a json file and the audio from a local server

wavesurfer.util
                .fetchFile({
                    responseType: 'json',
                    url: myWaveformURL
                })
                .on('success', function (data) {
                    var points = data.data || data;
                    wavesurfer.load(myStreamingURL,
                        points
                    );
                    if (autoPlay) { // autoplay
                        // not working: The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page
                        wavesurfer.seekTo(0);
                        setTimeout(() => wavesurfer.play(), 1000);
                    } else { // seek to load annotations data
                        wavesurfer.seekTo(0);
                    }
                });

I see that the player downloads the whole file (~3MB) at load. Any way to avoid this?

[thijstriemstra]

try using backend: 'MediaElement'.

[thijstriemstra]

try this flow: https://github.com/katspaugh/wavesurfer.js/blob/master/example/audio-element/main.js#L39 I don’t use regions plugin, can’t help you there. Will close since original issue is solved.