Lumen help

Quick Start: Setting up CDN Load Balancer

Introduction

Steps to Integrate

                <!-- Hls.js build -->
<script src="//cdn.jsdelivr.net/npm/hls.js@0.12.2/dist/hls.min.js"></script>

<!—Mesh Delivery wrapper -->
<script src="//cdn.streamroot.io/hlsjs-dna-wrapper/1/stable/hlsjs-dna-wrapper.js?srKey=YOUR_STREAMROOT_KEY"></script>

            
                <!-- JW Player build -->
<script src="//ssl.p.jwpcdn.com/player/v/8.6.3/jwplayer.js"></script>

<!-- CDN Load Balancer plugin -->
<script src="//cdn.streamroot.io/jwplayer-hls-dna-plugin/1/stable/jwplayer-hls-dna-plugin.js#streamrootKey=YOUR_STREAMROOT_KEY"></script> 

            

2. Set up JW Player and CDN Load Balancer

                <div id="demoplayer"></div>
<script>
  jwplayer.key = "YOUR_JWPLAYER_LICENSE";
  jwplayer('demoplayer').setup({
    file : "YOUR_PLAYLIST_URL",  // example: "http://cloudfront.delivery.com/bigBuckBunny.smil/playlist.m3u8"
    hlsjsConfig: {},
    dnaConfig : {
    	"compassProperty": "YOUR_COMPASS_PROPERTY_NAME"
    }
  })
</script>

            

MPEG-DASH (Shaka Player):

                <div id="demoplayer"></div>
<script>
  jwplayer.key = "YOUR_JWPLAYER_LICENSE";
  jwplayer('demoplayer').setup({
    file : "YOUR_PLAYLIST_URL",  //example: "http://cloudfront.delivery.com/bigBuckBunny/manifest.mpd"
    shakaConfig: {},
    dnaConfig : {
    	compassProperty: "YOUR_COMPASS_PROPERTY_NAME"
    }
  })
</script>

            

3. Visualize CDN Load Balancer

Optimize interaction between the player and CDN Load Balancer

                var hlsjsConfig = {
   "fragLoadingTimeOut": 4000,
   "manifestLoadingTimeOut": 4000,
   "levelLoadingTimeOut": 4000,
}

            

Shaka Player

                "streaming": {
    "retryParameters": {
        "timeout": 4000, // timeout in ms, after which we abort; 0 means never
    }
}

            

Bitmovin

                "streamroot": {
  "manifestTimeout": 4000, // In ms, 0 means no timeout
  "segmentTimeout": 4000, // In ms, 0 menas no timeout
}

            

Activating CDN Load Balancer on Safari

                var conf = {
  key: "YOUR-BITMOVIN-KEY",
  source: {
    //Only one playlist URL must be set at a time.
    hls: 'YOUR_PLAYLIST_URL',
    dash: 'YOUR_PLAYLIST_URL',
    smooth: 'YOUR_PLAYLIST_URL'
  },
  playback: {
    preferredTech: [
       {player: 'html5', streaming: 'hls'}
   ]
 }
};

            

Explore CDN services