来自 PHP 服务器的 AngularJS 流音频

Question

由于 CORS 和第三方服务器的身份验证，我无法直接从 angularJS 加载音频文件，必须从 PHP 后端加载。这是我的 PHP 服务器代码，用于提供从第三方服务器下载的音频文件：

header('Pragma: public');   // required
header('Content-Type: audio/mpeg');
header('Content-length: ' . filesize($file));
header("Content-Transfer-Encoding: binary");
header('Content-Disposition: filename="' . basename($file));
header('X-Pad: avoid browser bug');
header('Cache-Control: no-cache');
$len = readfile($file);
exit();

这是我的 angularJS 客户端代码：

var blob = new Blob([response], { type: 'audio/mpeg' });
var url = window.URL.createObjectURL(blob);
var audio = new Audio(url);
audio.play();

但是它失败并出现异常消息：

DOMException: Failed to load because no supported source was found.

感谢任何建议和见解。

Answer 1

因为无论如何您只是创建一个带有响应的 Audio 对象，所以您没有理由必须做您正在做的事情。

无需下载整个响应、从中创建 Blob 和对象 URL，只需使用您首先请求的 URL。您不仅可以有效地处理流数据，还可以在下载运行时播放，并且您不需要 CORS...“不透明”响应很好.