我希望直播视频 in my https website来自this http site.
在我的模板中添加了 hls.min.js 的引用。复制粘贴他们的代码:
<video id="video" width="320" height="240" controls autoplay
class="videoCentered"></video>
<script>
if(Hls.isSupported()) {
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('/hls/metsis.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}
</script>
进入我的模板,但播放器没有开始播放。 浏览器控制台显示:
Uncaught ReferenceError: Hls is not defined
引用错误到底在哪里?在这里?
hls.loadSource('/hls/metsis.m3u8');
最佳答案
正确的工作代码:
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video id="video" width="100%" height="380" controls autoplay
class="videoCentered"></video>
<script>
if(Hls.isSupported()) {
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('http://tv.eenet.ee/hls/metsis.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}
</script>
但浏览器会阻止它,因为如果我的页面是通过 https 加载的,则内容必须通过 https 提供
。
关于javascript - 使用 HTML5 和 HLS 流式传输实时视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49381081/