如何從 POST 響應中播放音頻？

Question

我正在對為我生成音頻文件的網站進行 ajax 調用。

    $.ajax({
        type: "POST",
        url: "http://localhost/download",
        data: "data",
        success: (response=>{
        console.log(response)
        const w = new Audio(response);
        w.play()    
    })

})

我得到了預期的文件大小的響應（我可以在網絡選項卡中檢查它）但是當我嘗試將響應分配為新音頻時，它最終會出現錯誤

Invalid URI. Load of media resource ID3� failed.

Answer 1

從 blob 創建 ObjectURL 后，您需要設置音頻的來源：

$.ajax({
  type: "POST",
  url: "http://localhost/download",
  data: "data",
  success: (response) => {
    console.log(response);
    var url = window.URL.createObjectURL(response.value); //where value is the blob
    const w = new Audio();
    w.src = url;
    w.play();
  },
});