html5 – 播放存储为blob的MP3文件

简单来说,我想在Firefox中播放一个blob MP3文件.

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

我试过:

> HTML5音频播放器:

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

但是我在Firebug中发出警告,告诉我Firefox无法读取audio / mpeg3类型的文件.
>多个音频播放器库(SoundManager,JPlayer等),但没有一个似乎允许blob URL作为输入.

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

解决方法

这似乎适用于我,虽然我使用音频/ 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();

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码