Documentation

Player Builds

Script builds

We provide optimised builds that pre-pack common features and reduce the network/processing cost to load the player on a page. We recommend using the build that best match your needs. Those builds are available through our cloud player or self-hosting. They can be used through the HTML <script> tag.

No matter what build you use, if you request a specific feature that is not available in the selected build by default, the player will attempt to load the required dependency when needed - so if you are not sure what to use, simply include the generic rmp.min.js build.

Available production builds are:

Core build

rmp.min.js: Radiant Media Player core library - no specific optimisation - will async load dependencies when needed based on input player settings

https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp.min.js

HLS optimised build (Media Source Extensions HLS through hls.js with fallback to native HLS) - see docs

rmp-hlsjs.min.js: recommended for streaming HLS TS or fMP4 HLS

https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp-hlsjs.min.js

MPEG-DASH optimised build (Media Source Extensions through Shaka player) - see docs

rmp-shaka.min.js: recommended for streaming MPEG-DASH, MPEG-DASH DRM, fMP4 HLS DRM, MPEG-DASH & fMP4 HLS offline download

https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp-shaka.min.js

rmp-vast optimised build (video advertisement with our rmp-vast VAST parser) - see docs

rmp-vast.min.js:

https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp-vast.min.js

360° video optimised build with HLS, MPEG-DASH or progressive download - see docs

rmp-three.min.js: recommended for streaming 360° video

https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp-three.min.js

Side-loaded WebVTT captions (through vtt.js) optimised build with HLS, MPEG-DASH or progressive download - see docs

rmp-vttjs.min.js: recommended for displaying side-loaded VTT captions

https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp-vttjs.min.js

Module build

rmp.min.mjs: for project where ES2015 modules are available you can add the player to your page through the import JavaScript statement. Note that importing Radiant Media Player as a module requires self-hosting of player files or using importmap (see below) with our cloud-player. Player code example (self-hosting):

Our module build supports the same environments as our script build (and therefore also comes with polyfills)!

// import Radiant Media Player as a ES2015 module
import RadiantMP from 'radiantmediaplayer/dist/rmp.min.mjs';
// HLS streaming source
const src = {
  hls: 'https://your-live-hls-url.m3u8'
};
// Your player settings
const settings = {
  licenseKey: 'your-license-key',
  src,
  width: 640,
  height: 360,
  pathToRmpFiles: 'radiantmediaplayer/',
  contentMetadata: {
    poster: [
      'https://your-poster-url.jpg'
    ]
  }
};
const elementID = 'rmp';
const rmp = new RadiantMP(elementID);
// Player initialisation
async function initRmpPlayer() {
  try {
    await rmp.init(settings);
  } catch (error) {
    console.error('Radiant Media Player failed to initialize', error);
  }
}
initRmpPlayer();

Player code example (cloud-player):

First prepare your HTML to look like the following:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>My video app</title>
    <!-- we map rmp to our cloud player file -->
    <script type="importmap">
      {
        "imports": {
          "rmp": "https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp.min.mjs"
        }
      }
    </script>
  </head>
  <body>
    <!-- Player container element -->
    <div id="rmp"></div>
    <script type="module" src="/main.js"></script>
  </body>
</html>
// main.js
// import Radiant Media Player as a ES2015 module (cloud-player)
import RadiantMP from 'rmp';
// HLS streaming source
const src = {
  hls: 'https://your-live-hls-url.m3u8'
};
// Your player settings
const settings = {
  licenseKey: 'your-license-key',
  src,
  width: 640,
  height: 360,
  contentMetadata: {
    poster: [
      'https://your-poster-url.jpg'
    ]
  }
};
const elementID = 'rmp';
const rmp = new RadiantMP(elementID);
// Player initialisation
async function initRmpPlayer() {
  try {
    await rmp.init(settings);
  } catch (error) {
    console.error('Radiant Media Player failed to initialize', error);
  }
}
initRmpPlayer();

Web component build

Refer to our Web component player (Custom element) dedicated documentation.

Debugging build

rmp.debug.js: including this build on your page will print player logs to your browser console for easier debugging. See our debugging guide for more debugging information.

If your are using the player as a ES2015 module you can add rmp.debug.mjs.

https://cdn.radiantmediatechs.com/rmp/10.7.0/js/rmp.debug.js
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License.

Radiant Media Player

Support

Company

©2015-2025 Radiant Media Player. All Rights Reserved.