Stacks Image 6

Boom

An audio player in any flavour you like.

Title

An HTML5 audio player, you can customise to any flavour you like.

Overview.

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.

Key features

  • Fully responsive and touch friendly.
  • Extinct browser fallback.
  • Stealth mode (see custom settings).
  • Optionally autoplay.
  • Optionally loop.
  • Optionally preload.
  • Full colour customisation.

  • Unique play time bar with optional gradient fill.
  • Supports MP3, WAV, and OGG audio files.
  • Scalable player bar.
  • Independent volume controls.

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

Instant download.

Version : 1.0.6

Responsive : Yes

First released : 19/1/2016

Last Updated : 04/11/2016

Stacks V 3.0 or greater.

Live demo.

You can see a few live examples of the stack in action below.

Check the custom settings to see everything Boom can do for you.

Boom Demo Track
Preload option selected for this first track.

Boom Demo Track
Select any colour scheme you like for the player.

Boom Demo Track
Select any colour scheme you like for the player.

Boom Demo Track
Choose the overall scale of your player.

Boom Demo Track
Optional drop shadow on the player.

Boom Demo Track
Optional display as a micro player button.

Boom Demo Track
Choose the overall scale of your player.

Boom Demo Track
Optional drop shadow on the player.

Boom Demo Track
Optional display as a micro player button.

Stacks settings.

In this section we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 243
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.

Stacks edit mode.

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Stacks Image 297

Complete live feedback when choosing you player bar design in edit mode.

Stacks FAQ.

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

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.

Secure checkout.

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Instant download.

Stacks Image 589

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