mime types - Http Live Streaming not working on Apache

Question

My Http Live Streaming setup: Apache hosts the html, m3u8, and ts files

The ts files are copied over from http:devimages.apple.com/iphone/samples/bipbop/gear1/fileSequence*.ts. There is nothing wrong with the video encoding (verified by actually playing these files)

m3u8 files (both the multi-bitrate and leaf-level) are copied over from apple's example and are syntactically correct, as follows:

#EXTM3U
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:10, no desc
fileSequence0.ts
...
#EXTINF:1, no desc
fileSequence180.ts
#EXT-X-ENDLIST

videoplay.html (below) fails to stream the video from my apache server

<video src="bipbop/bipbopall.m3u8" controls autoplay ></video>

However on modifying videoplay.html (below), the video streams just fine from Apple's website

<video src="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8" controls autoplay ></video>

I suspected something wrong with mime type settings because Chrome was handling http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8 and http://localhost/bipbop/bipbopall.m3u8 differently. While Chrome tries to play the former, it downloads and saves the latter one. So I double checked my mime type setting, which is set as below in my httpd.conf

AddType application/x-mpegURL .m3u8
AddType video/MP2T .ts

• Is my mime type setting correct?
• How do we figure the mime type association advertised by apple's website?
• Or do we have to look elsewhere to fix this?

Answer 1

This might seem strange but I also faced similar problems, and after much debugging I found that empty lines in the .m3u8 index file can cause such issues. Please double check for empty lines in your index file.