HTML5 视频标签可以播放 m3u 文件吗？

Question

我正在使用 HTML5 视频标签实现视频播放器。我收到的视频资产由Brightcove托管和交付，它是一个m3u文件。是否可以通过 HTML5 视频标签播放此视频？

我认为来自 Brighcove 服务器的生成的 m3u 文件被设置为支持自适应比特率流。我尝试使用主文件（包含每个再现的详细信息）和每个单独的再现文件的 m3u 文件。

但是我的视频标签没有任何反应。控制台中没有任何错误，虽然我认为会有。我正在使用 Chrome，我在其他地方读过它支持 m3u 播放？

在您的回答中，请注意我对 HTML5 播放完全陌生——尤其是 m3u 文件。

这是我的示例代码：

<video controls autoplay="true">
   <source src="http://brightcove.com/example/master.m3u?videoid=1234">
</video>

生成的 m3u 文件的内容如下所示（敏感数据已删除）：

#EXTM3U
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=716000,RESOLUTION=336x184
https://brightcove.com/services/rendition.m3u8?assetId=123456
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1325000,RESOLUTION=504x276
https://brightcove.com/services/rendition.m3u8?assetId=123456
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1797000,RESOLUTION=720x394
https://brightcove.com/services/rendition.m3u8?assetId=123456

然后每个再现的内容看起来像这样：

#EXTM3U
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456
#EXTINF:11,

#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456
#EXTINF:11,

#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456
#EXTINF:11,

etc...

Answer 1

m3u 文件基本上是文本文件：包含对媒体文件的引用的特殊格式的播放列表。因此，首先，这取决于包含的媒体文件的类型；但其次， video 元素不适用于播放列表，而仅用于播放单个媒体文件。目前，该video元素支持 3 种格式：mp4、WebM 和 ogg。但是，m3u 文件更适合用于音频播放列表。HTML5<audio>元素目前支持 mp3、ogg 和 wav 文件。不过，这取决于所使用的特定浏览器（通常，您至少要做的是提供 mp3 和 ogg 文件供浏览器选择）。

回到问题：video或 audio元素不支持 m3u 。