<html lang="en">
<head>
    <title>SGMC Stream</title>
	<meta charset="utf-8">
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <style type="text/css">
        html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
        body {display:flex;}
        #player {flex:auto;}
    </style>
    <script type="text/javascript">
        window.addEventListener('resize',function(){document.getElementById('player').style.height=window.innerHeight+'px';});
		document.addEventListener('contextmenu', event => event.preventDefault());
    </script>
    <!-- Clappr Builds -->
    <script src="//cdn.jsdelivr.net/npm/@clappr/player@0.11.3/dist/clappr.min.js"></script>
    <!-- P2PEngine -->
    <script src="//cdn.jsdelivr.net/npm/@swarmcloud/hls/p2p-engine.min.js"></script>
	<!-- Disable Devtool -->
	<script disable-devtool-auto="" src="https://fastly.jsdelivr.net/npm/disable-devtool@latest/disable-devtool.min.js"></script>
</head>


<div id="player"></div>

       <script>
	var playerElement = document.getElementById("player");
    var p2pConfig = {
        // logLevel: 'debug',
        live: true,        // set to false in VOD mode
        trackerZone: 'hk',
        token: 'zlTxQyr7R',
    }
	var servs = ["ac01.blodiab.com/sgmc","ac02.blodiab.com/sgmc","ac03.blodiab.com/sgmc","ac04.blodiab.com/sgmc","ac05.blodiab.com/sgmc","ac06.blodiab.com/sgmc","ac07.blodiab.com/sgmc","ac08.blodiab.com/sgmc","ac09.blodiab.com/sgmc","ac10.blodiab.com/sgmc","ac11.blodiab.com/sgmc","ac12.blodiab.com/sgmc","ac13.blodiab.com/sgmc","ac14.blodiab.com/sgmc","ac15.blodiab.com/sgmc"]; // Comment this out if not Multi Source
	var serv = servs[Math.floor(Math.random() * servs.length)]; // Comment this out if not Multi Source
	
  var currentSourceIndex = 0;
  var sources = [
    'https://' + serv + '/live.m3u8',
	"https://ac01.blodiab.com/sgmc/live.m3u8",
	"https://ac02.blodiab.com/sgmc/live.m3u8",
	"https://ac03.blodiab.com/sgmc/live.m3u8",
	"https://ac04.blodiab.com/sgmc/live.m3u8",
	"https://ac05.blodiab.com/sgmc/live.m3u8",
	"https://ac06.blodiab.com/sgmc/live.m3u8",
	"https://ac07.blodiab.com/sgmc/live.m3u8",
	"https://ac08.blodiab.com/sgmc/live.m3u8",
	"https://ac09.blodiab.com/sgmc/live.m3u8",
	"https://ac10.blodiab.com/sgmc/live.m3u8",
	"https://ac11.blodiab.com/sgmc/live.m3u8",
	"https://ac12.blodiab.com/sgmc/live.m3u8",
	"https://ac13.blodiab.com/sgmc/live.m3u8",
	"https://ac14.blodiab.com/sgmc/live.m3u8",
	"https://ac15.blodiab.com/sgmc/live.m3u8",
  ];<html lang="en">
<head>
    <title>SGMC Stream</title>
	<meta charset="utf-8">
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <style type="text/css">
        html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
        body {display:flex;}
        #player {flex:auto;}
    </style>
    <script type="text/javascript">
        window.addEventListener('resize',function(){document.getElementById('player').style.height=window.innerHeight+'px';});
		document.addEventListener('contextmenu', event => event.preventDefault());
    </script>
    <!-- Clappr Builds -->
    <script src="//cdn.jsdelivr.net/npm/@clappr/player@0.11.3/dist/clappr.min.js"></script>
    <!-- P2PEngine -->
    <script src="//cdn.jsdelivr.net/npm/@swarmcloud/hls/p2p-engine.min.js"></script>
</head>


<div id="player"></div>

       <script>
	var playerElement = document.getElementById("player");
    var p2pConfig = {
        // logLevel: 'debug',
        live: true,        // set to false in VOD mode
        trackerZone: 'hk',
        token: 'zlTxQyr7R',
    }
	var servs = ["ac01.blodiab.com/sgmc","ac02.blodiab.com/sgmc","ac03.blodiab.com/sgmc","ac04.blodiab.com/sgmc","ac05.blodiab.com/sgmc","ac06.blodiab.com/sgmc","ac07.blodiab.com/sgmc","ac08.blodiab.com/sgmc","ac09.blodiab.com/sgmc","ac10.blodiab.com/sgmc","ac11.blodiab.com/sgmc","ac12.blodiab.com/sgmc","ac13.blodiab.com/sgmc","ac14.blodiab.com/sgmc","ac15.blodiab.com/sgmc"]; // Comment this out if not Multi Source
	var serv = servs[Math.floor(Math.random() * servs.length)]; // Comment this out if not Multi Source
	
  var currentSourceIndex = 0;
  var sources = [
    'https://' + serv + '/live.m3u8',
	"https://ac01.blodiab.com/sgmc/live.m3u8",
	"https://ac02.blodiab.com/sgmc/live.m3u8",
	"https://ac03.blodiab.com/sgmc/live.m3u8",
	"https://ac04.blodiab.com/sgmc/live.m3u8",
	"https://ac05.blodiab.com/sgmc/live.m3u8",
	"https://ac06.blodiab.com/sgmc/live.m3u8",
	"https://ac07.blodiab.com/sgmc/live.m3u8",
	"https://ac08.blodiab.com/sgmc/live.m3u8",
	"https://ac09.blodiab.com/sgmc/live.m3u8",
	"https://ac10.blodiab.com/sgmc/live.m3u8",
	"https://ac11.blodiab.com/sgmc/live.m3u8",
	"https://ac12.blodiab.com/sgmc/live.m3u8",
	"https://ac13.blodiab.com/sgmc/live.m3u8",
	"https://ac14.blodiab.com/sgmc/live.m3u8",
	"https://ac15.blodiab.com/sgmc/live.m3u8",
  ];

  function initializePlayer(source) {
    var player = new Clappr.Player({
      source: source,
      height: '100%',
      width: '100%',
      autoPlay: true,
      playback: {
				playInline: true,
                hlsjsConfig: {
                    maxBufferSize: 0,       // Highly recommended setting in live mode
                    maxBufferLength: 10,     // Highly recommended setting in live mode
                    liveSyncDurationCount: 3
                }
            },
             mimeType: "application/x-mpegURL"
    });
    player.attachTo(playerElement);
	
	var engine = new P2PEngineHls(p2pConfig);
    
    player.on(Clappr.Events.PLAYER_ERROR, function() {
      // Switch to the next source on error (lag detected)
      currentSourceIndex = (currentSourceIndex + 1) % sources.length;
      player.load(sources[currentSourceIndex]);
    });
    
    document.addEventListener('keydown', function(event) {
      if (event.key === 'F12') {
        player.pause();
      }
    });

    document.addEventListener('contextmenu', function(event) {
      event.preventDefault();
    });

    // Remove the 'allowfullscreen' attribute from the player element
    playerElement.removeAttribute('allowfullscreen');
    
    var videoElement = playerElement.getElementsByTagName('video')[0];
    videoElement.setAttribute('playsinline', '');
  }

  // Initialize the player with the first source
  initializePlayer(sources[currentSourceIndex]);
</script>
</body>

</html>