Audio-only Related Content

Introduction

Audio-only related content works very similarly to our video related content implementation so we advise first to review this area of our documentation before moving forward with audio-only related content.

Our audio-only related content player will present a "video-like" experience to the viewer, where a still poster will be shown while audio is playing in the background. Advertisement can be played each time a new audio item is loaded within the player. Supported audio-only streaming protocols are HLS, MPEG-DASH and MP3/OGG/M4A progressive download.

Audio-only related input data

The audio-only related content player can be initialised by passing to the relatedLoc setting a URI to a JSON file holding audio-only related content data. You will also need to set relatedAudioOnly player setting to true. Here is a full example of a well-formatted JSON file that can be used for input to audio-only related content.

Read our related documentation for a guide to JSON files compatible with our audio-only related content player.

Audio-only related content settings

relatedAudioOnly: Boolean

This enables audio-only related content layout required to properly display a list of audio-only content. Default: false.

Audio-only related content code example - see this example here

Take note of the additional div elements required to display the audio-only related content UI.

<script src="https://cdn.radiantmediatechs.com/rmp/10.1.4/js/rmp.min.js"></script>
<!-- Here is our specific markup for audio-only related content -->
<div id="rmp"></div>
<script>

  const settings = {
    licenseKey: 'your-license-key',
    // if you want ads to show uncomment this next setting (ad data for each related item can be passed in JSON file)
    // ads: true,
    // our related content settings
    relatedUpNextOffset: 10,
    relatedUpNextAutoplay: true,
    relatedEndedLoop: false,
    relatedLoc: 'https://www.radiantmediaplayer.com/media/playlist/audio-only/audio-related-hls.json',
    // our audio-only related content setting
    relatedAudioOnly: true
  };
  const rmp = new RadiantMP('rmp');

  // Initialization ... and done!
  async function initRmpPlayer() {
    try {
      await rmp.init(settings);
    } catch(error) {
      console.error('Radiant Media Player failed to initialize', error);
    }
  }
  initRmpPlayer();

</script>

Audio-only related content API

The video related content API also applies to audio-only related content.

Additional support notes

The support notes for video related content also apply to audio-only related content.