Failed to fetch / The requested file could not be read for big file size (> 2Go)

[uplg]

Bug description

When trying to load a big file (2.4Go), I get Failed to fetch, when the file is successfully loaded by the browser.

If I switch the backend from WebAudio to MediaElement, I get NotReadableError: The requested file could not be read, typically due to permission problems that have occurred after a reference to a file was acquired. but I'm sure that the file is accessible and can be read by the browser. Smaller files load without any problems.

Environment

• Browser: Chrome

[sebbean]

sameeee

[uplg]

So I'm still stuck with that issue. I use the MediaElement backend so it should be okay to load large files.

I already use pre-rendered peaks on the server as stated in the docs for large files.

But I couldn't find any workaround to make big files work. Is the root cause a browser issue? I tried with MediaElement.js and had no issues loading large files..

If anyone has ideas, please let me know.

[katspaugh]

Does it work if you simply insert it as an <audio> tag without wavesurfer?

[uplg]

In fact there was two issues with my code.

I was loading the file with fetch, convert in arrayBuffer and make an ObjectURL from that.

But that leaded to Failed to fetch errors even before waveSurfer loading so I wiped all that code and started fresh using prerendered peaks and audio src with the MediaElement backend and it works perfectly, I don't know why the fetch gave "Failed to fetch" for large files 😅