title: Http Live Streaming not working on Apache
body: <p>My Http Live Streaming setup: Apache hosts the html, m3u8, and ts files</p>
  
  <p>The <strong>ts</strong> 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)</p>
  
  <p><strong>m3u8</strong> files (both the multi-bitrate and leaf-level) are copied over from apple's example and are syntactically correct, as follows:</p>
  
  <pre><code>#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
  </code></pre>
  
  <p><strong>videoplay.html</strong> (below) fails to stream the video from my apache server </p>
  
  <pre><code>&lt;video src="bipbop/bipbopall.m3u8" controls autoplay &gt;&lt;/video&gt;
  </code></pre>
  
  <p>However on modifying videoplay.html (below), the video streams just fine from Apple's website</p>
  
  <pre><code>&lt;video src="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8" controls autoplay &gt;&lt;/video&gt;
  </code></pre>
  
  <p>I suspected something wrong with mime type settings because Chrome was handling <a href="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8" rel="nofollow">http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8</a> and <a href="http://localhost/bipbop/bipbopall.m3u8" rel="nofollow">http://localhost/bipbop/bipbopall.m3u8</a> 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</p>
  
  <pre><code>AddType application/x-mpegURL .m3u8
  AddType video/MP2T .ts
  </code></pre>
  
  <ul>
  <li>Is my mime type setting correct?</li>
  <li>How do we figure the mime type association advertised by apple's website?</li>
  <li>Or do we have to look elsewhere to fix this?</li>
  </ul>