Playback of segmented hls stream with m3u8 playlist

Question

Can mediaelement player play a segmented mpegts hls stream defined in an m3u8 playlist and if so could you show the code to do this. In my case there is a test.m3u8 playlist on a webserver:

#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 devices can view the live stream with no problems.

Johnner Johnner · Accepted Answer · 2012-09-19T10:23:47

Yes, it can. Put src to .m3u8 in your video tag: <video src="/link/to/your_file.m3u8" />

and init plugin:

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

var player = new MediaElement(video);

Player would start to play from first item in .m3u8 list. Moreover the ability to play m3u8 lists is not mediaelement.js merit, it's platform feature

Playback of segmented hls stream with m3u8 playlist

2 Answers