Radiant Media Player

HTML5 audio ads (IMA)



Scope of support for HTML5 audio ads (IMA)

Radiant Media Player supports streaming to HTML5 audio in HLS, DASH or progressive download with flexible configuration options. See our HTML5 audio docs for more information.

HTML5 audio ads are supported within our HTML5 audio player through the Google IMA SDK in various formats: M4A (AAC), MP3 or even HLS (where natively supported by the device). Other formats (like Vorbis or Opus in .oga or .webm) may work depending on device capabilities. We currently do not support HTML5 audio ads with rmp-vast.

HTML5 audio ads be linear audio-ads. Non-linear or Skippable Linear audio ads are not supported as they would not fit within the HTML5 audio player.

HTML5 audio ads and our HTML5 audio player can be controlled through our player API & ads API. You can also use ad waterfalling or our ad scheduler for HTML5 audio ads.


Example

Single linear preroll HTML5 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/4.5.15/js/rmp.min.js" 
  integrity="sha384-UOGahVOpoWqVqcgcNFKFOEWH3RV2PoLAq2jmk8g1u9VR/bL8dqsHAsDGwFHPkmuE"
  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://dqwp3xzzbfhtw.cloudfront.net/vod/smil:audio.smil/playlist.m3u8'
};
// Then we set our player settings
var settings = {
  licenseKey: 'your-license-key',
  bitrates: bitrates,
  width: 640,
  ads: true,
  adTagUrl: 'https://www.radiantmediaplayer.com/vast/tags/audio.xml',
  adTagWaterfall: [
    'https://www.radiantmediaplayer.com/vast/tags/audio.xml'
  ],
  audioOnly: true
};
// 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.