html - 播放存储为 blob 的 MP3 文件

Question

简单地说，我想在 Firefox 中播放 blob MP3 文件。

我可以访问 blob 本身:blob(使用 mime 类型 audio/mpeg3 切片)及其 URL:blobURL = window.URL。 createObjectURL(blob).

我试过:

1. HTML5 音频播放器:

   <audio controls="controls">
       <source src="[blobURL]" type="audio/mp3">
   </audio>
   

   但我在 Firebug 中收到一条警告，告诉我 Firefox 无法读取类型为 audio/mpeg3 的文件。

2. 多个音频播放器库( SoundManager 、 JPlayer 等)，但似乎都不允许将 blob URL 作为输入。

我做错了吗？或者有人知道可以从 blob 播放 MP3 文件的解决方法或库吗？

Answer 1

虽然我使用 audio/mpeg 作为 MIME 类型，但这对我来说似乎工作正常:

$scope.player = new window.Audio();

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        $scope.player.src = window.URL.createObjectURL(this.response);
        $scope.player.play();
    }
};
xhr.open('GET', url);
xhr.responseType = 'blob';
xhr.send();