Audio-only Playlist

Introduction

Our audio-only playlist player works very similarly to our video playlist player so we advise first to review this area of our documentation before moving forward with audio playlist.

Our audio-only playlist 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 playlist player. Supported audio-only streaming protocols are HLS, MPEG-DASH and MP3/OGG/M4A progressive download.

Audio playlist input data

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

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

Audio playlist settings

playlistAudioOnly: Boolean

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

Audio playlist code example - see this example here

Take note of the additional div elements required to display the audio playlist UI.

<script src="https://cdn.radiantmediatechs.com/rmp/10.2.0/js/rmp.min.js"></script>
<!-- Here is our specific markup for playlist -->
<div class="rmp-playlist-container">
  <div class="rmp-playlist-player-wrapper">
    <div id="rmp"></div>
  </div>
</div>
<script>

  const settings = {
    licenseKey: 'your-license-key',
    // if you want ads to show uncomment this next setting (ad data for each playlist item can be passed in JSON file)
    // ads: true,
    // our playlist settings
    playlistUpNextAutoplay: true,
    playlistEndedLoop: false,
    playlistLoc: 'https://www.radiantmediaplayer.com/media/playlist/audio-only/audio-playlist-hls.json',
    // our audio playlist setting
    playlistAudioOnly: 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 playlist API

The video playlist API also applies to audio playlist.

Additional support notes

The support notes for video playlist also apply to audio playlist.