Spielen Sie MP3-Datei als blob gespeichert

Einfach gesagt, würde ich mag, um zu spielen ein blob MP3-Datei im Firefox.

Habe ich Zugriff auf den blob selbst: blob (in Scheiben geschnitten mit mime-Typ audio/mpeg3), und seine URL: blobURL = window.URL.createObjectURL(blob).

Habe ich versucht mit:

  1. HTML5-audio-player: 
    <audio controls="controls">
    <source src="[blobURL]" type="audio/mp3">
</audio>

    aber ich bekomme eine Warnung in Firebug sagt mir, dass Firefox kann keine Dateien Lesen, der Typ audio/mpeg3.

  2. mehrere audio-player-Bibliotheken (Wird nun vom Soundmanager, JPlayer, etc.), aber keiner scheint zu ermöglichen blob-URLs als Eingabe.

Mache ich es falsch? Oder kennt jemand einen workaround oder eine Bibliothek, die es spielen können MP3-Dateien von blobs?

Danke. Kennen Sie eine vorhandene audio-player, der wäre entweder auf Grundlage Ihrer Lösungen?
Was war die Lösung?
Es ist 2014... Wer waren Sie, DenverCoder9!? xkcd.com/979
Das war ziemlich lange her! Zum Glück, Firefox können jetzt Abspielen von MP3-Dateien indem Sie sich auf die OS-MP3-decoder. Ich habe es noch nicht getestet wieder da, aber ich nehme an, bietet der blob-URL im src-Attribut von HTML5-source-element funktioniert jetzt perfekt (zumindest unter Windows 7).

InformationsquelleAutor Axel | 2012-10-22

  1. 12

    Dies scheint zu funktionieren für mich, obwohl ich mit der audio/mpeg als MIME-Typ:

    $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();
    Das ist so ziemlich das gleiche wie mit dem HTML5-audio-player und übergeben Sie die blob-URL. Also es basiert immer noch auf dem browser/OS-Kombination, die Unterstützung von MP3s.
    Schön und sauber, Vanille JavaScript, aber! Wie auch immer, Dank Firefox 24, ich denke, meine Frage ist nicht wirklich von Bedeutung.
    Danke für diese schöne Lösung ist ein kleiner Fehler im code. response => dieser.Antwort

    InformationsquelleAutor CodingIntrigue

Schreibe einen Kommentar