How to easily and quickly implement background audio for a Drupal website

The module Background Audio playback offers you an easy way to implement background audio on your Drupal website. The installation instructions on the module page are very brief and incomplete, what might create some obstacles during installation and configuration. This short howto will help you to go quickly and easily through the process.

Step 1: 
Install and enable the dependencies

As you can see from the module page, Background Audio playback depends on the modules Libraries and MediaElement as well as on the Playlist plugin for MediaElement.js. The module Media Element furthermore depends on the Media Element player.

Subsequently you have 1. to download and enable the modules Background Audio playback and Libraries, 2. to download the Playlist plugin for MediaElement.js and the Media Element player and 3. to upload these downloads into the folder /sites/all/libraries. Doing so the folder names to be used are mep-feature-playlist and mediaelement.

Step 2: 
Install, enable and configure the Background Audio playback module

You have to enable Background Audio API and Background Audio Block to make the module work properly. Thereafter you can configure the basic options of the media player using the configuration link in the module list or by heading to /admin/config/media/background_audio.

Step 3: 
Configure the block and move it to a region

To make the set-up complete you have to configure the block. You can do that by using the configuration link in the module list or by heading to the block configuration Structure > Blocks. Here you can upload the file(s) to be used for the background audio. To make the audio work, you have to move the block to a region that is available on all pages or on the pages you want to hear the background audio (if you have variants of the page.tpl.php i.e. page--xxxxx.tpl.php files, it might be that some regions are only rendered on specific pages). With the section "Show block on specific pages" you can furthermore define on which page the audio should be played.


Drupal themes to be compared