html - BLOBとして保存されたMP3ファイルを再生する

Question

簡単に言えば、FirefoxでblobMP3ファイルを再生したいと思います。

blob私はblob自体: (mimetypeでスライスされたaudio/mpeg3）とそのURL :.の両方にアクセスできますblobURL = window.URL.createObjectURL(blob)。

私は試しました：

1. HTML5オーディオプレーヤー：

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

   しかし、Firefoxでタイプのファイルを読み取ることができないという警告がFirebugで表示されますaudio/mpeg3。

2. 複数のオーディオプレーヤーライブラリ（SoundManager、JPlayerなど）がありますが、入力としてBLOBURLを許可しているものはないようです。

私はそれを間違っていますか？または、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();