Radiant Media Player

Audio ads with audio-only HLS streams



Scope of support for audio ads

HTML5 Flash

Audio ads support is new with Radiant Media Player 3.0.2

Radiant Media Player supports audio-only streaming in HLS with flexible configuration options.

  • HLS to HTML5
  • MPEG-DASH to HTML5 video
  • HLS to Flash (fallback)

For more information on HLS audio-only support with Radiant Media Player visit this link.

Audio ads are supported in both HTML5 and Flash with Radiant Media Player. Audio ads are supported in AAC format (Flash and HTML5) or in MP3 format (HTML5). Other formats (like Vorbis or Opus) may work in HTML5 depending on browser capabilities but they are not officially supported.

Our implementation of audio ads is based on an audio-only player without poster. Audio ads will work with a video stream or with a player in audio-only mode with poster but a black poster frame will be displayed during the ad and the ad the player UI will be displayed as if it was rendering a video ad.

Audio-ads must be linear audio-ads. Non-linear or Skippable Linear ads are not supported as they would not fit this the audio-only format.

Through the use of our player API and video ads API you may improve or build upon our implementation.

Supported features included

  • Dedicated UI for audio-ads with Radiant Media Player in audio-only mode (without poster)
  • Audio-ads reporting based on VAST data (same as for video ads)
  • Ad waterfalling
  • Audio ads API
  • adCountDown
  • Ad scheduling

Unsupported features

  • Any ad feature that would not fit the audio-only format

Example

Single linear preroll audio ad:

Player code for the above example:

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/v3/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 = {
  hls: 'https://streamingrmp-1479.kxcdn.com/vod/smil:audio.smil/playlist.m3u8'
};
// Then we set our player settings
var settings = {
  licenseKey: 'your-license-key',
  bitrates: bitrates,
  backgroundColor: '212121',
  width: 640,
  height: 38, 
  ads: true,
  adTagUrl: 'https://www.radiantmediaplayer.com/vast/tags/audio.xml',
  adTagWaterfall: [
    'https://www.radiantmediaplayer.com/vast/tags/audio1.xml'
  ],
  audioOnly: true,
  labels: {
    ads: {
      controlBarCustomMessage: 'Ads'
    }
  }
};
// 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.