Articles in this section

See more

Radiant Media Player

Note
Our previous version of the wrapper can still be accessed here.

 

Supported Versions

We have built optimized plugins for Radiant media Player from v4.7.1.

 

Step 1: Install Radiant Media Player build

Include this sources in the HTML <head>.

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

 

Step 2: Set up Radiant Media Player and Streamroot

Include the following code in the HTML <body>.

HLS streaming (hls.js)

<div id="rmpPlayer"></div>
<script>
  var bitrates = {
    hls: 'YOUR_PLAYLIST_URL',
  };
  var streamrootConfig = {
    type: 'hlsjs',
    streamrootKey: 'YOUR_STREAMROOT_KEY',
    dnaConfig: {},
  };
  var settings = {
    licenseKey: 'YOUR_RADIANT_LICENSE_KEY',
    streamrootConfig: streamrootConfig,
    bitrates: bitrates,
    // Recommended settings for HLS streaming
    hlsJSMaxBufferSize: 0,
    hlsJSMaxBufferLength: 30,
    hlsJSLiveSyncDuration: 30 // Not needed for VoD streams
  };
  var elementID = 'rmpPlayer';
  var rmp = new RadiantMP(elementID);
  rmp.init(settings);
</script>

 

DASH streaming (Shaka Player)

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

 

Parameter name Mandatory Description
dnaConfig No

The object in which you can pass Streamroot options (property, contentIdGenerator, id ...).
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_RADIANT_LICENSE_KEY Yes The JW Player license keys.
YOUR_PLAYLIST_URL Yes Your HLS or DASH playlist.

 

Step 3: Visualize Streamroot

In order to verify if Streamroot is correctly configurated, please install our DNA Graphs.

Related articles

Comments

0 comments

Please sign in to leave a comment.