XHR option not setting custom header in request
Hi!
I'm using version 2.2.1 and trying to play an mp3 file from an s3 bucket that requires an api key:
const sound = new Howl({
src: ['my-url'],
format: ['mp3'],
html5: true,
buffer: true,
onloaderror: (id, error) => console.log(2, id, error),
xhr: {
method: "GET",
headers: {
"custom-header-name": "my-key",
},
},
});
When I check the network tab, though, the request doesn't include the headers that I set and so returns 403. I see the call working in Postman, but I still tried including withCredentials: true in any combination with html5 and buffer that I can.
I know it probably isn't super useful since I'm not even getting the file in the first place, but the onloaderror prints (for example) Error loading: 1000, 4.
Thanks so much! I'm excited to get started with howler.
The xhr option only works with Web Audio since hTML5 Audio isn't using XHR to download the audio.
@goldfire does that mean that howler does not support streaming / buffering of audio when using XHR?