Radiant Media Player

Live streaming



Documentation sections


Live streaming support in Radiant Media Player

Live streaming has become very popular over the past few years in the streaming media industry. Hence we put a lot of effort to best support live streaming in Radiant Media Player be it live video or live audio content. Radiant Media Player supports live streaming with the following streaming protocols:

  • HLS
  • DASH

You can use a full HLS solution or a combination of DASH & HLS depending on your project requirements.

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 optimisations for live streaming and a dedicated UI. They are triggered with the isLive setting set to true.

You can also insert video ads (including through VMAP or our custom ad scheduler), use DRM or AES encrypted content, stream live 360 content, query our player API & more.

Read our low-latency live HLS streaming documentation for details about to achieve low-latency with live HLS streams.

Documentation for using Radiant Media Player with DVR streams can be found here.


Live HLS streaming player code example

Using HLS you can reach all supported devices by Radiant Media Player for live streaming.

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/4.9.0/js/rmp.min.js" 
  integrity="sha384-i3qlEyPNI8XWb4gU9AmU1cZeqZCeGI77B6wA4sq7fp7j8vvchcW54FuZrEACmZIF"
  crossorigin="anonymous"></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 = {
    hls: 'https://1703298472.rsc.cdn77.org/live/ngrp:live_all/playlist.m3u8'
  };
  // Then we set our player settings
  var settings = {
    licenseKey: 'your-license-key',
    bitrates: bitrates,
    width: 640,
    height: 360,
    // The live magic happens here
    isLive: true, 
    poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-demo.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>

Live DASH streaming player code example

iOS Safari requires HLS to stream live content so including an HLS fallback when using live DASH streaming is generally recommended.

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/4.9.0/js/rmp.min.js" 
  integrity="sha384-i3qlEyPNI8XWb4gU9AmU1cZeqZCeGI77B6wA4sq7fp7j8vvchcW54FuZrEACmZIF"
  crossorigin="anonymous"></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://1703298472.rsc.cdn77.org/live/ngrp:live_all/manifest.mpd',
    hls: 'https://1703298472.rsc.cdn77.org/live/ngrp:live_all/playlist.m3u8'
  };
  // Then we set our player settings
  var settings = {
    licenseKey: 'your-license-key',
    bitrates: bitrates,
    width: 640,
    height: 360,
    // The live magic happens here
    isLive: true,
    // We tell the player to use DASH first over HLS when both are available
    dashFirst: true,
    poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-demo.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>
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License.