HLS流HTML5视频-缓冲X次后刷新

Question

我有一个简单的网站，在自动播放视频标签中有一个来自m3u8播放列表的HLS流。如果流停止超过10秒左右；追赶"；并在流重新启动时重新启动-我需要手动刷新页面才能再次播放。

有没有办法用js(或其他东西(在视频缓冲X次后自动刷新页面？(比如5秒(

Answer 1

在VC的帮助下，我成功地得到了这个答案。如果视频之前正在播放，则在视频缓冲5秒后将重新加载。否则，如果它从未开始播放，它将被困在重新加载循环中。我仍在寻找一种方法来检查流是否是实时的，而无需实际重新加载页面。video.load()和video.play()给了我错误，但我会在弄清楚后更新这篇文章。

var reloadCheck;
var reloadThisTime;
var video = document.getElementById("videotag");
var sourcetag = document.getElementById("sourcetag");
video.addEventListener('waiting', (event) => {
console.log("No connection");
reloadCheck = setTimeout(function(){
if(reloadThisTime){
location = '';
};
},5000);
});
video.addEventListener('playing', (event) => {
console.log("Connected");
clearTimeout(reloadCheck);
reloadThisTime = true;
});