Wie zu spielen html5-video Abspielen m3U8 auf mobile und desktop?

Habe ich HLS m3u8, spielt auch auf IOS und Android mit html5 <video>

Aber nicht spielen auf desktop-PC oder desktop-MAC (Chrome, Firefox)

Wie zu spielen m3u8 auf desktop-PCs ?

Ist es ein streaming-format von video, das würde das Spiel sowohl auf desktop-und mobile ?

InformationsquelleAutor yarek | 2014-04-30
  1. 8

    HLS wird nur funktionieren, auf dem desktop in Mac OS Safari 6+. Schau mal hier für Referenz.

    Für HTML5 video auf dem desktop können Sie denken über die Verwendung von MPEG-DASH. Es hat eine JS lib das funktioniert sowohl live als auch on-demand mit den folgenden Browsern:

    Als der 8/30/13, Desktop, Chrome, Desktop, Internet Explorer 11, und
    Mobile Chrome Beta für Android sind die einzigen Browser unterstützt.

    Wenn Sie wollen breitere browser - /device-Abdeckung mit adaptive streaming-Technologie, die Sie benötigen, zu prüfen, die Verwendung von Flash unterstützt RTMP und HLS oder mit Silverlight Smooth Streaming (Flash, hat bessere Abdeckung sollte ich sagen).

    Den meisten Medien-Unternehmen nutzt heute einen Hybriden Ansatz, Flash (HDS/RTMP - desktop) /HTML5 (HLS - mobile) überprüfung mit JavaScript vorher auf dem Gerät, was gelesen werden können und die Bereitstellung der entsprechenden Spieler/streaming-Protokoll als Ergebnis.

    FYI, können Sie spielen, HLS-Streams mit software wie VLC auf dem Windows-desktop.

    InformationsquelleAutor Arnaud Leyder
  2. 12

    werfen Sie einen Blick auf hls.js Projekt bei https://github.com/video-dev/hls.js/
    es löst genau dieses problem.

    hier ist ein kleines Beispiel, wie es zu benutzen.

    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>

    einmal das manifest analysiert ist, können Sie alle regelmäßigen Ereignisse, Eigenschaften und Methode der ursprünglichen html5-video-element.

    möglicherweise finden Sie Ihre demo hier: https://video-dev.github.io/hls.js/demo/

    • loadSource () - Funktion gibt mir null-Wert
    • Danke, mein Problem gelöst.
    • Du bist willkommen 🙂
    InformationsquelleAutor Roey
  3. 4

    Ich weiß, das ist ein bisschen spät für eine Antwort, aber ich war nach diesen Informationen suchen und nicht finden, könnte eine gute Antwort auf stackoverflow...

    Soweit ich weiß, gibt es kein format, das funktioniert out of the box für mobile und desktop. Wenn Sie möchten, zu speichern, transkodieren macht und einfach ein format, das ich empfehlen HLS da es funktioniert perfekt auf mobilen und Sie können kostenlos Bibliotheken zur Anzeige der videos im browser.

    https://github.com/videojs/videojs-contrib-hls hat ein funktionierendes Beispiel mit videojs. Es nutzt HTML5 in Safari und fällt zurück in den flash auf den anderen Browsern. Wenn Sie einen anderen Spieler im Auge, überprüfen Sie https://github.com/mangui/flashls weitere Beispiele

    InformationsquelleAutor eyeballz
  4. 1
    <html>
<body>
    <video width="600" height="400" controls>
        <source src="index.m3u8" type="application/x-mpegURL">
    </video>
</body>

    Stream HLS oder m3u8-Dateien mit obigen code.
    es arbeitet mit edge-browser, chrome,opera mini (mobile browser) (funktioniert nicht mit pc chrome)

    Spielen auf allen browser mit flash-basierten media-player.
    media player unterstützen alle browser

    InformationsquelleAutor Rakyesh Kadadas
  5. 0

    Safari ist die einzige desktop-browser, unterstützt HLS.

    EDIT: danrossi gemacht, ein plugin für die flash-version von Flowplayer unterstützt HLS aber das ist nicht HTML5. Lesen Sie hier mehr: http://justhackme.wordpress.com/2013/03/10/apples-http-live-streaming-in-flash/

    InformationsquelleAutor Dov D.
Schreibe einen Kommentar