• Solutions
    • Streamroot DNA
    • DNA Complete
    • DNA Enterprise
    • Compass
  • Company
    • About
    • Careers
    • Partners
  • Customer Stories
  • Demo
  • Docs
  • Blog
Request a Trial
    • Streamroot DNA
    • DNA Complete
    • DNA Enterprise
    • Compass
  • Demo
  • Docs
  • Blog
  • Sign In
  • Request a Trial

Radiant Media Player

  1. Streamroot Documentation
  2. Web
  3. Web-Players

This article describes in detail how to integrate Streamroot DNA™ into your Radiant Media Player.

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

 

Not into tutorials?

    

 

Step 1: Install Radiant Media Player build

Include these 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 (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>

 

MPEG-DASH (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, etc.).

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 was correctly configured, please install our DNA Graphs.
  • Facebook
  • Twitter
  • LinkedIn
  • Google+
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request
Return to top

Related articles

  • Bitmovin Player
  • Rx-player
  • ExoPlayer
  • Video.js
  • Shaka Player

SOLUTIONS


  • STREAMROOT DNA™
  • DNA COMPLETE
  • DNA ENTERPRISE
  • COMPASS

COMPANY


  • ABOUT
  • CAREERS
  • PARTNERS

RESOURCES


  • DEMO
  • DOCUMENTATION
  • CUSTOMER STORIES
  • BLOG
  • FAQ

CONTACT US


  • CONTACT US
Privacy Policy