it-swarm.com.de

Wie kann ich die m3u8-Wiedergabeliste in allen PC-Browsern abspielen?

Standardmäßig können m3u8-Dateien im Mac Safari-Browser wiedergegeben werden, jedoch nicht in anderen Desktop-Browsern. Was muss getan werden, um sie in allen Browsern abzuspielen, die sowohl HTML5 als auch Nicht-HTML5 unterstützen?

27
sri

Leider ist die HTML5-Unterstützung für Videos so fragmentiert, dass sie zu diesem Zeitpunkt praktisch unbrauchbar ist (zumindest als primärer Fokus). M3U8-Wiedergabelisten sind Apple HTTP Live Streaming) und, wie Sie am Namen erkennen können, ein Apple Standard, Nr andere Browser verwenden sie oder HTTP Live Streaming.

Es gibt einige Programme, die Sie installieren können, um Unterstützung für HLS hinzuzufügen. Einige Unternehmen haben beispielsweise HLS-Player hergestellt, die in Flash oder Silverlight geschrieben sind. Yospace hat ein Flash-SDK für die HLS-Wiedergabe erstellt, das einen JWPlayer-Medienprovider enthält, mit dem Sie das automatische HTML5-Fallback von JW auf Nicht-Flash-Geräten (siehe: iPhone/iPad) verwenden können, während alle anderen das JWPlayer-Erlebnis erhalten .

Es gab viele Versprechungen von verschiedenen Unternehmen, die Unterstützung für Browser-Videos zu standardisieren, aber alle sind (bisher) gescheitert. Unabhängig davon, für welche Option Sie sich entscheiden, handelt es sich um eine Art Kompromiss.

10
Haqa

Microsoft Edge spielt m3u8-Dateien ab, aber Sie müssen Windows 8 oder 10 haben ... Öffnen Sie einfach Microsoft Edge und schreiben Sie die URL der m3u8-Datei, und die Wiedergabe beginnt.

5
user6375752

Ich habe Flowplayer benutzt. Es ist sehr einfach einzurichten und loszulegen. Es funktioniert in allen Browsern und ist kostenlos, es sei denn, Sie möchten ein eigenes Branding ... (im Gegensatz zu JW-Playern).

Holen Sie sich den Flow Player hier Download des Flow Players

Mit dieser Demo konnte ich die HLS-Wiedergabe erfolgreich einrichten.

HLS Demo

Eine Sache zu beachten, die die Demo nicht erwähnt, ist das.

  1. Sie benötigen jquery> 1.7
  2. Sie werden das Skin-CSS des Spielers in den HTML-Code einfügen

Hier ist meine Arbeitsseite, auf der beispielsweise HLS ausgeführt wird:

<!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>
2
anu