如何将.wav响应转换为Blob网址，以便我可以使用JavaScript在客户端播放音频

Question

I'm doing a rest call which would give me as wav response of audio/mpeg content type, Something like

ID3.O��^H��B��F�����^H��B��F���

I want to play this audio on my client side. So I want to create a blob URL for this.

$.ajax({
        url: 'texttospeechnew2?text='+text+'&voice=en-US_AllisonVoice&download=true&accept=audio%2Fmp3',
        type: 'GET',
        //data: params,
        success: function(data) {

            responsefile = data;
             var byteArray = new Uint8Array(responsefile);
            var blob = new Blob(byteArray, { type: "audio/mpeg3" });
            const url = window.URL.createObjectURL(blob);

            console.log(url);


        },
        error: function(data, err) {
            console.log("err");
        }

    });

It is giving me blob url but not proper format unable to play that.can someone help. Thanks

Answer 1

You have to use XMLHttpRequest

xhr = new XMLHttpRequest();
xhr.open('GET', 'texttospeechnew2?text='+text+'&voice=en-US_AllisonVoice&download=true&accept=audio%2Fmp3', true);
xhr.responseType = 'blob';

xhr.onload = function(e) {
  if (this.status == 200) {
    const url = window.URL.createObjectURL(this.response);
    console.log(url);
  }
};

xhr.send();