let isPlay = false; let xhr = new XMLHttpRequest(); let video = document.getElementById('video'); let hls = new Hls({ debug: false, enableWorker: true, lowLatencyMode: true, liveSyncDurationCount: 1, liveMaxLatencyDurationCount: 4, backBufferLength: 90, }); xhr.onreadystatechange = function(json) { if(this.status == 200 && this.readyState == this.DONE) { document.getElementsByClassName('post-title')[0].innerHTML = 'Now is streaming!'; if(!isPlay) { hls.loadSource('https://devbin.kr/hls/broadcasting_hd.m3u8'); hls.attachMedia(video); video.muted = true; video.play(); isPlay = true; } } } xhr.onload = function() { if (this.status === 404) { document.getElementsByClassName('post-title')[0].innerHTML = 'Now is not streaming.'; if(isPlay) { video.pause(); isPlay = false; } return; } } setInterval(() = { xhr.open("get", "https://devbin.kr/hls/broadcasting_hd.m3u8"); if(xhr.readyState == xhr.OPENED) xhr.send(); }, 1000);