Lumen help

Integrating Mesh Delivery with Radiant Media Player

Introduction

Step 1: Install Radiant Media Player and Mesh Delivery builds

                <!-- Radiant Media Player build -->
<script src="//cdn.radiantmediatechs.com/rmp/5.7.8/js/rmp.min.js"></script>

            

Step 2: Set up Radiant Media Player and Mesh Delivery

Include the following code in the HTML <body> :

                <div id="rmpPlayer"></div>
<script>
  var src = {
    hls: 'YOUR_PLAYLIST_URL',
  };
  var streamrootConfig = {
    type: 'hlsjs',
    streamrootKey: 'YOUR_STREAMROOT_KEY',
    dnaConfig: {},
  };
  var settings = {
    licenseKey: 'YOUR_RADIANT_LICENSE_KEY',
    streamrootConfig: streamrootConfig,
    src: src,
    // Recommended settings for HLS streaming
    hlsJSMaxBufferSize: 0,
    hlsJSMaxBufferLength: 30,
    hlsJSLiveSyncDuration: 30, // Not needed for VOD streams
    forceHlsJSOnMacOSIpadOSSafari: true //To activate Mesh Delivery on Safari Mac OS. Only from player 5.4.10+.
  };
  var elementID = 'rmpPlayer';
  var rmp = new RadiantMP(elementID);
  rmp.init(settings);
</script>

            
                <div id="rmpPlayer"></div>
<script>
  var src = {
    dash: 'YOUR_PLAYLIST_URL',
  };
  var streamrootConfig = {
    type: 'shakaplayer',
    streamrootKey: 'YOUR_STREAMROOT_KEY',
    dnaConfig: {},
  };
  var settings = {
    licenseKey: 'YOUR_RADIANT_LICENSE_KEY',
    streamrootConfig: streamrootConfig,
    src: src,
    // Recommended settings for DASH streaming
    shakaManifestDashDefaultPresentationDelay: 30
  };
  var elementID = 'rmpPlayer';
  var rmp = new RadiantMP(elementID);
  rmp.init(settings);
</script>
            

Step 3: Visualize Mesh Delivery

Vizualization graph for Mesh Delivery