Lumen help

Integrating Mesh Delivery with Kaltura v7

Introduction

Step 1: Install Kaltura Player v7 and Mesh Delivery builds

                <!-- Kaltura Player build -->
<script src="YOUR_PLAYER_URL"></script>

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

            

To get the highest flexibility of deployment, we recommend setting the StreamrootKey in the Query Parameter "srKey".

 

Parameter name

Mandatory

Description

YOUR_STREAMROOT_KEY

Yes      

The unique Streamroot key that we have assigned to you; make sure it is identical to the one provided in the Account section of your dashboard.
YOUR_PLAYER_URL Yes The cloud-hosted player library URL from your KMC dashboard.

Step 2: Set up Kaltura v7 and Mesh Delivery

Include the following code in the HTML <body> :

                <div id="kaltura_player_xxxxxxxxxx" style="width: 560px;height: 395px"></div>
<script type="text/javascript">
  try {
    var kalturaPlayer = KalturaPlayer.setup({
      targetId: "kaltura_player_xxxxxxxxxx",
      provider: {
        partnerId: xxxxxxx,
        uiConfId: xxxxxxx
      },
      plugins: {
        streamroot: {
          key: "YOUR_STREAMROOT_KEY",
          dnaConfig: {}
        }
      },
    });
    kalturaPlayer.loadMedia({
      entryId: "YOUR_MEDIA_ENTRY_ID"
    });
  } catch (e) {
      console.error(e.message);
  }
</script> 

            

Step 3: Visualize Mesh Delivery

Vizualization graph for Mesh Delivery

Recommended Hls.js and Shaka Player options

                playback: {
  options: {
    html5: {
      hls: {
        maxBufferSize: 0,
        maxBufferLength: 30,
        liveSyncDuration: 30,
        liveMaxLatencyDuration: Infinity
      },
      dash: {
        streaming: {
          bufferingGoal: 30
        },
        manifest: {
          dash: {
            defaultPresentationDelay: 30
          }
        }
      }
    }
  }
}