使用PHP加載音頻文件並使用JS播放

Question

我正在嘗試使用php加載wave音頻文件，並使用javascript播放音頻。

我的Javascript代碼：

var xmlhttp = new XMLHttpRequest();
xmlhttp.open('POST', 'php/test.php', true); 
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlhttp.onreadystatechange = function(){
  if(xmlhttp.readyState == 4) {
    var audio = new Audio("data:audio/wave;base64," + btoa(unescape(encodeURIComponent(xmlhttp.responseText))));
    audio.play();
  }
}
xmlhttp.send(url);

我的PHP代碼：

<?php
  readfile("test.wav");
?>

不幸的是，它不起作用。 有任何想法嗎？

Answer 1

怎么樣：

var audio = new Audio("data:audio/wav;base64," + escape(btoa(xmlhttp.responseText)))

您可以將AJAX請求直接指向.wav文件。