Play MP3 file stored as blob

blob, firefox, flash, html, mp3

Solution

This seems to work fine for me, although I'm using `audio/mpeg` as the MIME Type:

$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();

Problem

Put simply, I'd like to play a blob MP3 file in Firefox. I have access to both the blob itself: `blob` (sliced with mime type `audio/mpeg3`), and its URL: `blobURL = window.URL.createObjectURL(blob)`. I have tried with: an HTML5 audio player: ``` <audio controls="controls"> <source src="[blobURL]" type="audio/mp3"> </audio> ``` but I get a warning in Firebug telling me that Firefox cannot read files of type `audio/mpeg3`. multiple audio player libraries (SoundManager, JPlayer, etc.), but none seem to allow blob URLs as input. Am I doing it wrong? Or does anyone know a workaround or a library that can play MP3 files from blobs?

Original source