Comment jouer HLS Wowza Live Stream (m3u8) sur videojs

Je suis en train de jouer h264 codé en direct et en streaming à l'aide de balise vidéo html5. Flux en direct est diffusé par wowza media server et lors de la visite src lien j'obtiens un fichier de sélection valide. Lorsque vous essayez de lire le flux sur android, le navigateur google chrome, le joueur ne fait rien et affiche un écran noir.

Est cette balise vidéo html5 problème lié ou peut-être diffuseur?

OriginalL'auteur user2656834 | 2013-10-02

  1. 3

    Droit, l'actuel videojs prend uniquement en charge les m3u8/HLS sur safari et iOS. Android est censé supporter HLS, ou de cupertino en streaming, mais j'ai entendu qu'il est buggé. Pour faire HLS et m3u8 travail dans videojs vous devez fournir un HLS capable flash tomber en arrière pour videojs.

    Découvrez cet exemple http://flashls.org/videojs/flash_demo.html

    À mettre en œuvre vous-même... suivez ce guide
    ou télécharger cette swf
    puis ajoutez ce code à votre videojs page.

    <script>
  videojs.options.flash.swf = "[YourHosted]/video-js.swf"
</script>

    ...

    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360" data-setup='{"techOrder": ["flash"]}'>
  <source src="http://[Wowza Ip]/live/mp4:mystream/playlist.m3u8" type='video/mp4'/>
</video>
    Remarque: un a suggéré de modifier recommande de commutation de streambox.fr/HLSProvider à http://flashls.org/videojs/flash_demo.html
    Le guide vous avez établi le lien n'existe plus. Comment se fait-il travailler? Aussi, j'obtiens une erreur parce que le HTML et/ou Javascript n'aime pas les guillemets dans la chaîne de data-setup='{"techOrder": ["flash"]}'

    OriginalL'auteur SurfinColin

  2. 1

    Besoin d'ajouter une bibliothèque supplémentaire pour le soutien HLS (LiveStream).

    VideoJS HLS Bibliothèque. Pour exemple vivant Live Exemple.

    OriginalL'auteur Louisth