Documentation

Radiant Media Player

Player builds

Script builds

We provide optimised builds that pre-pack common features and reduce the network/processing cost to load the player into a web 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/6.2.3/js/rmp.min.js

HLS optimised builds (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/6.2.3/js/rmp-hlsjs.min.js

MPEG-DASH optimised builds (Media Source Extensions through Shaka player with fallback to native HLS) - see docs

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

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

360 video optimised builds with HLS, DASH or progressive download - see docs

rmp-three.min.js: recommended for streaming 360 video with MP4/WebM progressive download

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

rmp-three-hlsjs.min.js: recommended for streaming 360 video with HLS TS or fMP4 HLS

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

rmp-three-shaka.min.js: recommended for streaming 360 video with DASH, DASH DRM, fMP4 HLS DRM, DASH & fMP4 HLS offline download

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

VR video optimised builds with HLS, DASH or progressive download - see docs

rmp-three-xr.min.js: recommended for streaming VR video with MP4/WebM progressive download

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

rmp-three-hlsjs-xr.min.js: recommended for streaming VR video with HLS TS or fMP4 HLS

https://cdn.radiantmediatechs.com/rmp/6.2.3/js/rmp-three-hlsjs-xr.min.js

rmp-three-shaka-xr.min.js: recommended for streaming VR video with DASH, DASH DRM, fMP4 HLS DRM, DASH & fMP4 HLS offline download

https://cdn.radiantmediatechs.com/rmp/6.2.3/js/rmp-three-shaka-xr.min.js

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

rmp-vttjs.min.js: recommended for displaying side-loaded VTT captions with MP4/WebM progressive download

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

rmp-vttjs-hlsjs.min.js: recommended for displaying side-loaded VTT captions with HLS TS or fMP4 HLS

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

rmp-vttjs-shaka.min.js: recommended for displaying side-loaded VTT captions with DASH, DASH DRM, fMP4 HLS DRM, DASH & fMP4 HLS offline download

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

Module builds

rmp.module.min.js: 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 and is only available to paid customers. Player code example:

Bring your own polyfill: this player module build does not come with any polyfill and requires a ES2017-compatible (async functions) environment to work as intended. It is up to you to bring your own polyfill to make sure your environment is ES2017-compatible, if this is something that your prject requires.

// import Radiant Media Player as a ES2015 module
import RadiantMP from 'radiantmediaplayer/js/rmp.module.min.js';
// HLS streaming source
const src = {
  hls: 'https://your-live-hls-url.m3u8'
};
// Your player settings
const settings = {
  licenseKey: 'your-license-key',
  src: src,
  width: 640,
  height: 360,
  pathToRmpFiles: 'radiantmediaplayer/'
  contentMetadata: {
    poster: [
      'https://your-poster-url.jpg'
    ]
  }
};
const elementID = 'rmpPlayer';
const rmp = new RadiantMP(elementID);
rmp.init(settings);

Debugging builds

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 mdoule you can add the rmp.module.debug.js.

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

©2015-2021 Radiant Media Player. All rights reserved.