Custom Fetch Response Stream Reader

custom-fetch-response-reader.js

fetch('the-best-song-ever.mp3')
.then(response => {
  if (!response.body) {
    throw Error("ReadableStream is not yet supported in this browser.  See https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream")
    return response;
  }

  const reader = response.body.getReader();
  read()
  
  function read() {
    reader.read().then(({done, value}) => {
      if (done) return;

      // TODO - implement custom audio decoding/playing functionality here
      console.log(`read ${value.byteLength} bytes`);

      read();
    });
  }
})
.catch(error => console.error(error))