Comment jouer m3u8 playlist dans tous les navigateurs PC?
par défaut, les fichiers m3u8 peuvent être lus dans le navigateur Safari Mac, mais pas dans les autres navigateurs de bureau. Que doit-on faire pour les lire dans tous les navigateurs, qu'ils prennent en charge HTML5 ou non?
4 réponses
malheureusement, la prise en charge de la vidéo par HTML5 est tellement fragmentée qu'elle est, à toutes fins pratiques, inutile (au moins comme point de mire) à ce stade. Les listes de lecture M3U8 sont du streaming HTTP Live D'Apple, et comme vous pouvez le voir à partir du nom, elles sont (ou du moins ont commencé comme) un standard D'Apple, aucun autre navigateur ne les utilise, ou du Streaming HTTP Live.
il y a quelques programmes que vous pouvez installer pour ajouter le support pour HLS. Certaines entreprises ont, par exemple, produit des lecteurs HLS écrit en Flash ou Silverlight. Yospace a produit un SDK flash pour la lecture HLS qui inclut un mediaprovider de JWPlayer qui vous permet d'utiliser la repli automatique HTML5 de JW sur les appareils Non flash (lire: iPhone/iPad), tandis que tous les autres obtiennent l'expérience JWPlayer.
il y a eu de nombreuses promesses de la part de diverses entreprises de "standardiser le support vidéo du navigateur" mais elles ont toutes (jusqu'à présent) échoué, donc quelle que soit l'option que vous choisirez, ce sera un compromis de sorte.
j'ai utilisé flowplayer. Il est très facile de se configurer et de se lancer et il fonctionne sur tous les navigateurs et est gratuit, sauf si vous voulez votre propre marque... (contrairement à JW player).
Obtenir des flux de joueur ici Flux Player télécharger
j'ai réussi à configurer HLS playback en suivant cette démo.
une chose à noter, que la démo ne mentionne pas est que.
- Vous aurez besoin de jquery > 1,7
- vous incluez le CSS de la peau du joueur dans le HTML
voici ma page de travail qui exécute HLS, par exemple:
<!DOCTYPE html>
<html>
<head>
<title>Player</title>
<link rel="stylesheet" href="/client/static/flowplayer-6.0.5/skin/functional.css">
<script src="/client/static/flowplayer-6.0.5/jquery-1.12.4.min.js"></script>
<script src="/client/static/flowplayer-6.0.5/flowplayer.min.js"></script>
<script src="/client/static/flowplayer-6.0.5/flowplayer.hlsjs.min.js"></script>
</head>
<body>
<div>
<h3>Sample Video</h3>
</div>
<div id="player">
<div data-live="false" data-ratio="0.5625" class="flowplayer fixed-controls" data-volume="0" style="max-width: 800px; max-height: 450px;">
<video data-title="Sample Video">
<source type="application/x-mpegurl" src="http://:8000/video_cache/d_stream_f7ccc24921ca6123d80d7d1a1a4bfaa1/stream_f7ccc24921ca6123d80d7d1a1a4bfaa1.m3u8">
</video>
</div>
<p hidden id="vid">f7ccc24921ca6123d80d7d1a1a4bfaa1</p>
</div>
</body>
</html>
je n'ai pas exactement comprendre ce face est avec .m3u8 listes de lecture... mais je n'aime pas particulièrement.. Cela dit, semble penser il fait ce que vous voulez... github / etianen / html5media
html5 les balises vidéo et audio font intégrer des supports dans des documents aussi faciles comme enchâsser une image. Tout ce qu'il faut est un seul ou l'étiquette. HTML5 vous permet d'intégrer la vidéo et l'audio votre document...
Tout ce que vous avez à faire est d'intégrer un javascript dans le de votre html doc, et une sorte de magie, ou l'absence de celle-ci... fait le reste..
<script src="/path/to/your/html5media.min.js"></script>
j'ai été en mesure de jouer .films m3u8, diffusion en continu à partir d'un serveur Wowza dans les navigateurs de bureau via une intégration HTML5 natif, comme...
<video src="video.mp4" width="320" height="240" controls preload></video>
Je N'ai pas, cependant, encore été en mesure de les faire aller "fullscreen" via les contrôles HTML natifs... mais je suis à la recherche dans il..