ビデオ監視のHLSリアルタイム再生

監視ビデオフォーマットはM3U8です。

//引入hls.js
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>

<video id="video" controls style="width:100%;height:600px;"></video>

 if(Hls.isSupported()) {
      var video = document.getElementById('video');
      var hls = new Hls();
      hls.loadSource('https://tx1.yunchuanglive.com/live/SSAA-066187-ADCBA.m3u8 ');
      hls.attachMedia(video);
	  hls.on(Hls.Events.MANIFEST_PARSED,function() {
            video.play();
      });
 }