Question

默认情况下，m3u8文件可以在Mac Safari浏览器中播放，但不能在任何其他桌面浏览器中播放。在所有浏览器中都需要做些什么来支持HTML5和非HTML5？

Answer 1

不幸的是，HTML5对视频的支持是如此分散，以至于在所有意图和目的上，此时无用（至少作为主要焦点）。 M3U8播放列表是Apple HTTP Live Streaming，从名称可以看出，它们（或至少是以Apple标准开头），没有其他浏览器使用它们，或者是HTTP Live Streaming。

您可以安装一些程序来添加对HLS的支持。例如，一些公司生产用Flash或Silverlight编写的HLS播放器。 Yospace已经为HLS播放生成了一个Flash SDK，它包含一个JWPlayer mediaprovider，允许您在非Flash设备上使用JW的自动HTML5后备（读取：iPhone / iPad），而其他所有设备都可以获得JWPlayer体验。

各公司已经有很多承诺“标准化浏览器视频支持”，但他们都（到目前为止）没有任何结果，所以无论你选择哪种选择，它都将是各种各样的妥协。

Answer 2

Microsoft Edge播放m3u8文件，但您必须拥有Windows 8或10 ... 只需打开Microsoft Edge并编写m3u8文件的URL，它就会开始播放。

Answer 3

我用过flowplayer。它很容易设置和开始，它适用于所有浏览器并且是免费的，除非你想要自己的品牌......（与JW播放器不同）。

在此处获取流媒体播放器Flow Player download

通过以下演示，我成功地设置了HLS播放。

HLS Demo

需要注意的一点是，该演示未提及的是。

你需要jquery＆gt; 1.7
您将在HTML中包含玩家的皮肤CSS

以下是运行HLS的工作页面，例如：

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

Answer 4

我并不完全了解 与.m3u8播放列表有什么关系......但我并不特别喜欢它们。那就是说，{{3似乎认为它会做你想要的...... this

HTML5视频和音频标签将媒体轻松嵌入文档中作为嵌入图像。所需要的只是单个或标签。 HTML5允许您将视频和音频嵌入到文档中......

你要做的就是在你的HTML文档中嵌入一个javascript，以及某些魔法，或者缺少它......其余的......

<script src="/path/to/your/html5media.min.js"></script>

我能够播放.m3u8电影，从桌面浏览器中的Wowza服务器通过原生html5嵌入播放，如...

<video src="video.mp4" width="320" height="240" controls preload></video>

然而，我还没有能够通过原生HTML控件让它们“全屏”......但我正在研究它......

如何在所有PC浏览器中播放m3u8播放列表？

4 个答案: