mediaelement.js - 用m3u8播放列表播放分段的hls流

Question

mediaelement 播放器可以播放 m3u8 播放列表中定义的分段 mpegts hls 流吗？如果可以，您能否显示执行此操作的代码。在我的例子中，网络服务器上有一个 test.m3u8 播放列表:

#EXTM3U
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:7291
#EXTINF:12,
test-7291.ts
#EXTINF:12,
test-7292.ts
#EXTINF:12,
test-7293.ts
#EXTINF:12,
test-7294.ts
#EXTINF:12,
test-7295.ts
#EXTINF:12,
test-7296.ts
#EXTINF:12,
test-7297.ts
#EXTINF:12,
test-7298.ts
#EXTINF:12,
test-7299.ts
#EXTINF:12,
test-7300.ts

iOS 设备可以毫无问题地观看直播。

Answer 1

是的，它可以。把 src 到 .m3u8 在你的视频标签中: <video src="/link/to/your_file.m3u8" />

和初始化插件:

var video = document.getElementsByTagName('video')[0];

var player = new MediaElement(video);

播放器将从 .m3u8 列表中的第一项开始播放。此外，播放 m3u8 列表的能力不是 mediaelement.js 的优点，它是平台特性