从Chrome上的本地html页面流式传输m3u8

Question

我正在尝试使用hls流（使用hls.js库）。我使用localhost在Visual Studio项目中工作。

HTML：

    <video id="video"></video> 

JAVASCRIPT：

    var video = document.getElementById('video');
    var hls = new Hls();
    hls.attachMedia(video);
    hls.on(Hls.Events.MEDIA_ATTACHED, function () {            
        hls.loadSource('http://<the url>/hls/all.m3u8');            
        hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {            
            video.play();
        });
    });

但是，我的要求是在本地调用我的html页面（即file：/// C：/ Users / ...），而不是从服务器调用。当我以这种方式拉出我的html页面时，它不起作用。

1. 我觉得它与http协议有关，当我在本地查看页面时没有发生，但我不太确定，我无法解释它。有人可以解释为什么这不起作用吗？

2. 有没有办法可以在本地从hls m3u8网址流式传输？

提前感谢您的帮助！

编辑：我应该包含尝试在本地运行时遇到的错误。它是：

  

不允许加载本地资源：blob：null / 07b24af7-ede2-49e3-9653-c46335166f34