Stacks Image 1177

Boom

Responsive audio player in any flavour you like
Instant Download
Requires Rapidweaver & Stacks Plugin v3.5 +

With Boom you have total freedom to place individual audio tracks anywhere in your page, while each track remains inextricably linked to the others. Clicking play on any track will always stop play on any other track that is currently playing in the page.

Boom Player can be customised to fit perfectly within the look and feel of your design, colouring every aspect of the player bar with just 3 simple colour controls.

Boom will gracefully fallback to play your audio via native players on extinct browsers (pre IE9),

Demo

Live demos of the stack in action.

Stacks Image 1202
Boom demo tracks
Select any colour scheme you like for the player.

Preload option selected for this track.

Control

A comprehensive list of all available controls.

Stacks Image 1233
Audio file types

Here you provide links to your audio files you have either already uploaded to your server, or have existing in your Rapidweaver resources area.

It is recommended that you provide a link to each type of audio file for the widest possible browser support.

Preload

When selected this audio file will be preloaded at page load time. Be weary of preloading to many files at page load time as this will slow things down a little. Playing a file that has not been preloaded just causes a very brief delay anyway.

Autoplay

As the name suggests, when selected this audio track will start playing after the page loads with no users action.

Loop

Pretty intuitive, this makes the audio file loop over and over again once play has been pushed, until such a time that pause is pushed by the user.

Micro player

Turns the player into a simple button, as seen in the last demos above.

Stealth mode

When selected the player becomes completely invisible in both preview and the published page. This can be extremely useful if you would like to play background sound during a users visit to your page without presenting the Boom player at all.
Remember if you want to do this you must also select the autoplay option as well.

Colours

With this tiny selection of colour pickers you can completely transform the player into just the right design to fit into your own webpage design. Edit mode provides complete live feedback of these colour pickers, as you mix up your perfect player flavour.

Scale

You can set the overall scale of the player and the elements that make up the player controls with this single slider.

Shadow

From zero shadow to a subtle drop shadow behind the player, just slide to taste.

FAQ

Installation and info.

Stacks Image 1311
Browser support

This stack is supported in all modern browsers.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

There are no known compatibility issues with this stack.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

© 2018 Doobox Software. Building premium Software Mac, C4D, & RapidWeaver™