使用m3u8播放列表播放分段的hls流

时间:2011-11-03 21:50:42

标签: mediaelement.js http-live-streaming

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设备可以毫无问题地查看直播。

2 个答案:

答案 0 :(得分:1)

是的,它可以。 将src放入视频标记中的.m3u8: <video src="/link/to/your_file.m3u8" />

和init插件:

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

var player = new MediaElement(video);

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

答案 1 :(得分:1)

您需要在库中进行一些更改。你可以查看我的更改。通过在支持的格式中添加m3u8,它似乎完美无缺。 https://github.com/sourcebits-harshitakasera/mediaelement-and-player-v2 它似乎对我有用。