Comment jouer la vidéo html5 jouer m3U8 sur mobile et ordinateur de bureau?

J'ai HLS m3u8 qui joue bien sur IOS et Android avec html5 <video>

Mais ne joue pas sur PC de bureau ou un ordinateur de bureau MAC (Chrome, Firefox)

Comment jouer m3u8 sur les Pc de bureau ?

Est-il un format de streaming de vidéo qui permettrait de jouer à la fois sur desktop et mobile ?

OriginalL'auteur yarek | 2014-04-30

  1. 6

    HLS ne travailler sur le bureau de Mac OS Safari 6+. Jetez un oeil ici pour référence.

    Pour la vidéo HTML5 sur le bureau, vous pouvez penser à l'aide de MPEG DASH. Il a un JS lib qui fonctionne à la fois en direct et sur demande avec les navigateurs suivants:

    De 8/30/13, de Bureau Chrome, Bureau, Internet Explorer 11, et
    Mobile Chrome Bêta pour Android sont les seuls navigateurs pris en charge.

    Si vous voulez plus large navigateur/dispositif de couverture avec adaptation de la technologie de diffusion, vous devez envisager d'utiliser Flash qui prend en charge le protocole RTMP et HDS ou Silverlight, avec la diffusion en continu Lisse (Flash a une meilleure couverture, devrais-je dire).

    La plupart des entreprises de médias d'aujourd'hui utilise une approche hybride Flash (HDS/RTMP - desktop) /HTML5 (HLS - mobile) vérification en JavaScript à l'avance sur le périphérique de ce qu'on peut lire et à livrer le lecteur approprié/protocole de streaming en conséquence.

    Pour info, vous pouvez jouer HLS flux avec un logiciel comme VLC sur le bureau de Windows.

    OriginalL'auteur Arnaud Leyder

  2. 6

    prendre un coup d'oeil sur hls.js projet à https://github.com/video-dev/hls.js/
    il résout ce problème.

    voici un petit échantillon sur la façon de l'utiliser.

    <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>

    une fois le manifeste est analysée, vous pouvez utiliser tous les événements, propriétés et la méthode de l'original de l'élément html5 video.

    vous pouvez trouver leur démo ici: https://video-dev.github.io/hls.js/demo/

    loadSource fonction de() en me donnant la valeur null
    Merci, résolu mon problème.
    Vous êtes les bienvenus 🙂

    OriginalL'auteur Roey

  3. 4

    Je sais que je suis un peu en retard pour répondre, mais je cherchais pour cette information et ne pouvait pas trouver une bonne réponse sur stackoverflow...

    Autant que je sache, il n'y a pas de format qui fonctionne hors de la boîte pour pc de bureau et portables. Si vous souhaitez enregistrer le transcodage de la puissance et il suffit d'utiliser un format que je recommande HLS depuis il fonctionne parfaitement sur mobile et vous pouvez utiliser gratuitement les bibliothèques de montrer les vidéos dans le navigateur.

    https://github.com/videojs/videojs-contrib-hls a un exemple de travail avec videojs. Il utilise HTML5 dans Safari et retombe à flash sur les autres navigateurs. Si vous avez un autre joueur à l'esprit de vérifier https://github.com/mangui/flashls pour plus d'exemples

    OriginalL'auteur eyeballz

  4. 0

    Safari est le seul navigateur de bureau qui prend en charge le protocole HLS.

    EDIT: danrossi fait un plugin pour la version flash du Lecteur qui prend en charge le protocole HLS mais ce n'est pas le HTML5. lire la suite ici: http://justhackme.wordpress.com/2013/03/10/apples-http-live-streaming-in-flash/

    OriginalL'auteur Dov D.

  5. 0
    <html>
<body>
    <video width="600" height="400" controls>
        <source src="index.m3u8" type="application/x-mpegURL">
    </video>
</body>

    Flux HLS ou m3u8 fichiers à l'aide de code ci-dessus.
    il travaille à bord du navigateur, chrome,opera mini (navigateur mobile) (ne fonctionne pas avec le pc chrome)

    Pour jouer sur tous les navigateur utiliser flash media player.
    media player pour soutenir tous les navigateurs

    OriginalL'auteur Rakyesh Kadadas