Spielen m3u-playlist mit html5

Ich habe eine sehr einfache html5-audio-player, eigentlich nicht mehr als:

<audio src="[url-to-m3u]" controls>

aber stehe ich vor zwei Problemen, die dieses einfache audio-tag funktioniert in Chrome, aber nicht in Safari 7
das zweite ist, dass es nicht funktioniert auf meinem iPhone iOS7, noch HTC Android 2.3

den playlist-Elemente sind mp3-Player mit Content Type: audio/mpeg

InformationsquelleAutor Abu Romaïssae | 2014-04-14

  1. 4

    Ich Schätze, die Unterstützung für m3u-Datei-format wird zerstreut werden im HTML5-media-kompatiblen browser.

    Sollte es auf iOS: versuchen Sie, hinzufügen von mime-type audio/mpegURL oder application/x-mpegURL auf Ihren server (falls nicht schon geschehen) UND unsere source-tag.

    <audio controls>
    <source src="[url-to-m3u]" type="audio/mpegURL" />
</audio>

    Müssen Sie prüfen, für die browser-Unterstützung sowohl für mp3-und m3u mit der canPlayType - Methode - Beispiel:

    var supportsMp3 = false;
var myAudio = document.createElement('audio');
if (myAudio.canPlayType('audio/mpeg') !== ""){supportsMp3 = true;}

    Müssen Sie prüfen, für audio/mpegURL und application/x-mpegURL-und audio/mpeg, bevor Sie gehen Sie vor und liefern Sie die m3u-Datei. Ich schlage vor, Sie verwenden ein fallback für Ihre case-Szenario, da nicht alle Browser unterstützen m3u-Dateien.

    Beispielsweise die m3u-Datei erscheint nicht in der unterstützte Medien-matrix für Android.

    EDIT: können Sie JW player , unterstützt m3u-Dateien für eine breitere browser-Abdeckung. Ansonsten versuchen zu finden eine offene source/free flash player als fallback.

    Auch Ihre m3u-Datei kann analysiert werden, mit JS zu extrahieren, die mp3 URL (m3u-Dateien sind in der Regel nur verweisen auf playlist mit items). Danach ist es gerade das dynamische ändern des src des audio-Tags mit den richtigen mp3-URL.

    Danke für die Aufklärung, ich werde es versuchen, aber warum ist es nicht in Safari nicht funktioniert? auch können Sie bitte machen Sie mir ein fallback? eine weitere Sache ist, dass ich bin nicht in der Lage, etwas zu ändern in der server-Seite, wie ich einen stream abzuspielen, der ist nicht von mir
    es hat nicht funktioniert, sogar nach dem hinzufügen type="audio/mpegURL" auf iOS und safari 7
    Ich habe aktualisiert die Antwort mit mehr info --- bei iOS ist es wahrscheinlich, dass die MIME-Typen sind nicht richtig abgestimmt auf den server. Es ist deutlich auf der Apple web-site es sollte funktionieren, wenn du den server richtig eingestellt wird mit dem MIME-Typen
    Ich habe versucht der parser Sache, aber ich konnte nicht die Datei aus dem server etwas zu tun mit dem cross-Domänen Politik, vielleicht sollte ich reden, um die Besitzer von m3u-Playlisten
    Ja, Sie können versuchen, die. Wenn Sie die Analyse in JS müssen Sie CORS - cross-origin-resource - sharing) aktiviert werden auf dem server, auf dem die m3u-Dateien gehostet werden: enable-cors.org

    InformationsquelleAutor Arnaud Leyder

Schreibe einen Kommentar