Lumen help

Integrating Mesh Delivery with castLabs PRESTOplay

Introduction

Step 1: Install PRESTOplay and Mesh Delivery builds

                <!-- PRESTOplay build -->
<script src="/path/to/clpp.withstyles.min.js"></script>

<!-- Mesh Delivery plugin -->
<script src="/path/to/clpp_streamroot_hls.plugin.min.js"></script>

            

Step 2: Set up PRESTOplay and Mesh Delivery

Include the following code in the HTML <body> :

                <video id="demoplayer" crossOrigin="anonymous" class="video-js vjs-default-skin vjs-big-play-centered"></video>
<script>
  var player = clpp.init('#demoplayer', {
    autoplay: true,
    license: 'YOUR_PRESTOPLAY_LICENSE',
    clpp_streamroot_hls:{
      streamrootKey: 'YOUR_STREAMROOT_KEY',
      dnaConfig: {}
    }
  });

  player.load([{
    type: clpp.statics.types.HLS,
    src: 'YOUR_PLAYLIST_URL'
  }]);
</script>

            

Step 3: Visualize Mesh Delivery

Vizualization graph for Mesh Delivery