title: hls streaming m3u8 from local html page on Chrome
body: <p>I am trying to use hls streaming (using hls.js library). I have it working in a Visual Studio project, using localhost.</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;video id="video"&gt;&lt;/video&gt; 
  </code></pre>
  
  <p>JAVASCRIPT:</p>
  
  <pre><code>    var video = document.getElementById('video');
      var hls = new Hls();
      hls.attachMedia(video);
      hls.on(Hls.Events.MEDIA_ATTACHED, function () {            
          hls.loadSource('http://&lt;the url&gt;/hls/all.m3u8');            
          hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {            
              video.play();
          });
      });
  </code></pre>
  
  <p>However, my requirement is to be calling my html page locally (i.e., file:///C:/Users/...), not from a server. When I pull up my html page that way, it doesn't work.</p>
  
  <ol>
  <li><p>I feel like it has something to do with the http protocol that doesn't happen when I view the page locally, but I'm not really sure and I can't explain it well. Can someone explain why this doesn't work?</p></li>
  <li><p>Is there a way that I can stream from the hls m3u8 URL locally?</p></li>
  </ol>
  
  <p>Thank you in advance for your help!</p>
  
  <p>EDIT: I should have included the error I get when trying to run locally. It is:</p>
  
  <blockquote>
    <p>Not allowed to load local resource: blob:null/07b24af7-ede2-49e3-9653-c46335166f34</p>
  </blockquote>