28

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

4

5 回答 5

10

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

您可以安装一些程序来添加对 HLS 的支持。例如，一些公司生产了用 Flash 或 Silverlight 编写的 HLS 播放器。Yospace制作了一个用于 HLS 播放的 Flash SDK，其中包括一个 JWPlayer 媒体提供程序，它允许您在非 Flash 设备（阅读：iPhone/iPad）上使用 JW 的自动 HTML5 回退，而所有其他设备都可以获得 JWPlayer 体验。

各家公司已经做出了许多“标准化浏览器视频支持”的承诺，但它们（到目前为止）都一事无成，所以无论您选择什么选项，都将是某种妥协。

于 2012-10-29T00:33:05.010 回答
6

Microsoft Edge 播放 m3u8 文件，但你必须有 windows 8 或 10... 只需打开 Microsoft Edge 并写入 m3u8 文件的 url，它就会开始播放。

于 2016-06-13T09:41:53.953 回答
2

我用的是流播放器。它非常易于设置和使用，它适用于所有浏览器并且是免费的，除非您想要自己的品牌......（与 JW 播放器不同）。

在此处获取流播放器Flow Player 下载

按照这个演示，我成功地设置了 HLS 播放。

HLS 演示

需要注意的一件事是，演示没有提到。

  1. 您将需要 jquery > 1.7
  2. 您将在 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>
于 2017-01-02T21:05:45.223 回答
0 
<!DOCTYPE html>
<html>

<head>
    <meta charset=utf-8 />
    <title>Your title</title>


    <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
    <script src="https://unpkg.com/video.js/dist/video.js"></script>
    <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

</head>

<body>
    <video id="my_video_1" class="video-js vjs-fluid vjs-default-skin" controls preload="auto" data-setup='{}'>
    <source src="https://aznbkcstreamer-ukso1.streaming.media.azure.net/c1b3bdd8-2486-4300-89f3-3e4e9eacb57d/GWMAWARDS.ism/manifest(format=m3u8-aapl)" type="application/x-mpegURL">
  </video>

    <script>
        var player = videojs('my_video_1');
        player.play();
    </script>

</body>

</html

试试这个，用你的播放列表/视频链接。只需更改 src 链接。

于 2022-02-26T09:03:30.587 回答
-4

我不完全了解.m3u8 播放列表的交易是什么......但我并不特别喜欢它们......也就是说，这似乎认为它可以满足你的需求...... github / etianen / html5media

HTML5 视频和音频标签使将媒体嵌入到文档中就像嵌入图像一样简单。所需要的只是一个或一个标签。HTML5 允许您将视频和音频嵌入到您的文档中...

您所要做的就是在您的 HTML 文档中嵌入一个 javascript，然后使用某种魔法，或者缺乏魔法……剩下的就完成了。

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

我能够播放 .m3u8 电影，通过本地 html5 嵌入从桌面浏览器中的 Wowza 服务器流式传输，例如...

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

但是，我还没有能够通过本机 HTML 控件让它们“全屏”运行……但我正在研究它……

于 2011-05-25T23:23:19.380 回答