Radiant Media Player

HTML5 audio ads



Documentation sections


Scope of support for HTML5 audio ads

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 in our HTML5 audio player through the Google IMA SDK with VAST in various formats (support may vary based on device capabilities): M4A (AAC), MP3, OGG or even HLS (where natively supported by the device). We currently do not support HTML5 audio ads with our rmp-vast parser with our audio-only player. Note that audio-ads must be served with VAST as the IMA SDK does not currently support IAB DAAST standard.

Since Radiant Media Player 5.3.4 it is also possible to use our video player to display audio-only content and therefore display video ads with audio-only content. See this section for more information on the subject.

HTML5 audio ads should be linear audio ads.

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.


Audio ads with audio-only content - see this example here

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/5.5.5/js/rmp.min.js"></script>
<!-- Player container element -->
<div id="rmpPlayer"></div>
<!-- Set up player configuration options -->
<script>
// Streaming source - HLS audio-only in this example
var src = {
  hls: 'https://your-audio-only-hls-url.m3u8'
};
// Player settings
var settings = {
  licenseKey: 'your-license-key',
  src: src,
  width: 640,
  // Enabling ads
  ads: true,
  adTagUrl: 'https://your-audio-ad-tag-url',
  adTagWaterfall: [
    'https://your-audio-ad-tag-fallback-url'
  ],
  audioOnly: true
};
var elementID = 'rmpPlayer';
var rmp = new RadiantMP(elementID);
rmp.init(settings);
</script>

Video ads with audio-only content - see this example here

Using the audioOnlyUseVideoLayout setting you can display audio-only content in our HTML5 video player. This makes video ads available for audio-only content.

Player code example:

<!-- Include Radiant Media Player JavaScript file in your <body> or <head> -->
<script src="https://cdn.radiantmediatechs.com/rmp/5.5.5/js/rmp.min.js"></script>
<!-- Player container element -->
<div id="rmpPlayer"></div>
<!-- Set up player configuration options -->
<script>
// Streaming source - HLS audio-only in this example
var src = {
  hls: 'https://your-audio-only-hls-url.m3u8'
};
// Then we set our player settings
  var settings = {
  licenseKey: 'your-license-key',
  src: src,
  width: 640,
  height: 360,
  audioOnly: true,
  // Specifies we want to use video layout for audio-only content
  audioOnlyUseVideoLayout: true,
  // We pass video ads data to the player
  ads: true,
  // We can use Google IMA (default) or rmp-vast to display video ads with audio-only content
  // adParser: 'rmp-vast',
  adTagUrl: 'https://your-ad-tag-url',
  poster: 'https://your-poster-url.jpg'
};
var elementID = 'rmpPlayer';
var rmp = new RadiantMP(elementID);
rmp.init(settings);
</script>
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License.