Radiant Media Player

Live and DVR streaming



Live streaming

At Radiant Media Player we set a specific focus on supporting live media content streaming. Live streaming has become more and more popular over the years and achieving proper live content streaming is now within reach of every company or individual. Radiant Media Player supports live streaming with the following streaming protocols:

  • HLS
  • DASH

You can use a full HLS solution or a combination of HLS & DASH depending on your project requirements. Live audio-only streaming is also possible with HLS or DASH.

Our general recommendations and advanced player settings for HLS streaming and DASH streaming also apply to live streaming.

Radiant Media Player sports a variety of optimisation for live content streaming. Those optimisations are triggered with the isLive setting set to true.

You can insert video ads (including through VMAP or our customer ad scheduler), use DRM/AES-128 encrypted content or query our player API with live content as well.

Player code example for live video streaming using HLS:

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/v4/latest/js/rmp.min.js"></script>
<!-- Set up your wrapper div with its unique id -->
<div id="rmpPlayer"></div>
<!-- Set up player configuration options -->
<script>
// First we specify bitrates to feed to the player
// This live stream may not be available 24/7 - use your own
var bitrates = {
  hls: 'https://dqwp3xzzbfhtw.cloudfront.net/testlive/smil:live.smil/playlist.m3u8'
};
// Then we set our player settings
var settings = {
  licenseKey: 'your-license-key',
  bitrates: bitrates,  
  delayToFade: 3000,
  width: 640,
  height: 360,
  isLive: true, 
  poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-showcase.jpg'
};
// Reference to the wrapper div (unique id)
var elementID = 'rmpPlayer';
// Create an object based on RadiantMP constructor
var rmp = new RadiantMP(elementID);
// Initialisation ... test your page and done!
rmp.init(settings);
</script>

Player code example for live video streaming with DASH (w/ HLS fallback)

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/v4/latest/js/rmp.min.js"></script>
<!-- Set up your wrapper div with its unique id -->
<div id="rmpPlayer"></div>
<!-- Set up player configuration options -->
<script>
// First we specify bitrates to feed to the player
// Those live streams may not be available 24/7 - use your own
var bitrates = {
  dash: 'https://wowzaec2demo.streamlock.net/live/bigbuckbunny/manifest_mpm4sav_mvtime.mpd',
  hls: 'https://dqwp3xzzbfhtw.cloudfront.net/testlive/smil:live.smil/playlist.m3u8'
};
// Then we set our player settings
var settings = {
  licenseKey: 'your-license-key',
  bitrates: bitrates,  
  delayToFade: 3000,
  width: 640,
  height: 360,
  isLive: true,
  // We tell the player to use DASH first over HLS
  dashFirst: true,
  poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-showcase.jpg'
};
// Reference to the wrapper div (unique id)
var elementID = 'rmpPlayer';
// Create an object based on RadiantMP constructor
var rmp = new RadiantMP(elementID);
// Initialization ... test your page and done!
rmp.init(settings);
</script>

DVR streaming

DVR streaming offers the possibility to rewind into a live stream to watch previously delivered content. Radiant Media Player features a specific DVR video UI, including intuitive in-stream navigation and jump-to-live functionalities. DVR streaming with Radiant Media Player is supported for the following streaming protocol.

  • HLS

DVR for audio-only streaming is also supported.

Our general recommendations and advanced player settings for HLS streaming also apply to DVR streaming.

Radiant Media Player sports a variety of optimisation for DVR streaming. Those optimisations are triggered with the isLiveDvr setting set to true.

You can insert video ads (only pre-roll or overlay ads are supported for DVR streaming), use AES-128 encrypted content or query our player API with DVR streaming as well.

Player code example for DVR video streaming with HLS:

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/v4/latest/js/rmp.min.js"></script>
<!-- Set up your wrapper div with its unique id -->
<div id="rmpPlayer"></div>
<!-- Set up player configuration options -->
<script>
// First we specify bitrates to feed to the player
var bitrates = {
  // This URL is inactive - use your own
  hls: 'http://your-streaming-server/live/stream/playlist.m3u8?DVR'
};
// Then we set our player settings
var settings = {
  licenseKey: 'your-license-key',
  bitrates: bitrates,  
  delayToFade: 3000,
  width: 640,
  height: 360,
  isLiveDvr: true,
  skin: 's3',
  poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-showcase.jpg'
};
// Reference to the wrapper div (unique id)
var elementID = 'rmpPlayer';
// Create an object based on RadiantMP constructor
var rmp = new RadiantMP(elementID);
// Initialization ... test your page and done!
rmp.init(settings);
</script>

On iOS & Mac OS Safari the DVR stream will play but without the DVR UI (it will render as a standard live stream). Apple did remove the possibility to have this scrub bar with iOS 8. This has been escalated to Apple and can be tracked here.