<script src="swarm.js"></script>
<script type="text/javascript"
        src="//cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>

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

<script>


  if (p2pml.hlsjs.Engine.isSupported()) {
    var engine = new p2pml.hlsjs.Engine();
  }

  player = new Clappr.Player({
    source: "https://wowza.peer5.com/live/smil:bbb_abr.smil/playlist.m3u8",
    mimeType: "application/x-mpegURL",
    parentId: "#player",
    preload: "auto",
    playback: {
      playInline: true,
      hlsjsConfig: {
        autoStartLoad: true,
        debug: true,
        manifestLoadingTimeOut: 60000,
        manifestLoadingRetryDelay: 500,
        levelLoadingTimeOut: 60000,
        levelLoadingRetryDelay: 500,
        fragLoadingTimeOut: 60000,
        fragLoadingRetryDelay: 250,
        startFragPrefetch: true,
        liveSyncDuration: 60,
        maxBufferLength: 60,
        liveMaxLatencyDuration: Infinity,
        preload: "auto"
      }
    }


  });

  if (p2pml.hlsjs.Engine.isSupported()) {
    player.configure({playback: {hlsjsConfig: {loader: engine.createLoaderClass()}}});
    p2pml.hlsjs.initClapprPlayer(player);
  }

</script>