Disable loop playing

Question:

The amazing audio player is pretty slick.

I’m wondering though, how i can stop it from looping the content.

Answer:

In Step 2, Skins dialog, Overview tab, there are two options:

Loop: Loop the whole playlist.

No continuous playing: This option is only valid when the Loop option is unchecked. If this option is on, the player will stop after playing one audio.

Please make sure to clear caches of your web browser after you update the player and before re-testing.

Making audio player bigger

Question:

I am trialling the amazing video but before I buy I have a question. I have been to the FAQ site and saw questions about making the player smaller but what about making it bigger.

Can the registered DarkBox player be made bigger? I need it to be at least 500px.

Answer:

In step 2, Skins dialog, Overview tab, you can change the width to 500, then in Track list tab, change its width to 500.

Multiple audio players on one page

Question:

In my website, I have a page with more than one player (one multiplayer and one single player). They both do their job nicely, but it is possible to let them play together, which is of course not desirable. How could I make an exclusive per player, so that only one player can work at the time?

Answer:

Currently, you are embedding the player to your webpage with iframe: https://amazingaudioplayer.com/how-to-insert-an-html5-audio-player-to-your-webpage-with-iframe/. This is not supported in iframe mode.

If you embed the player by directly placing the codes into the page: https://amazingaudioplayer.com/how-to-add-html5-audio-player-to-your-webpage/ and https://amazingaudioplayer.com/how-to-add-multiple-html5-audio-players-to-one-webpage/

Then, the player will pause other players on the same page when playing.

How to change the color of the player progress bar and volume bar

Question:

I wonder how can I change the progress bar color and volume bar color of the audio player

Answer:

You need to change the CSS code.

In the application, Step 2 Skins dialog, CSS tab:

To change the progress bar color, change the value marked by red:

#amazingaudioplayer-AUDIOPLAYERID .amazingaudioplayer-progress-played {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fcc500;
background-image: -ms-linear-gradient(top, #fede00 0%, #fcc500 100%);
background-image: -moz-linear-gradient(top, #fede00 0%, #fcc500 100%);
background-image: -o-linear-gradient(top, #fede00 0%, #fcc500 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fede00), color-stop(1, #fcc500));
background-image: -webkit-linear-gradient(top, #fede00 0%, #fcc500 100%);
background-image: linear-gradient(to bottom, #fede00 0%, #fcc500 100%);
}

To change the volume bar color, change the value marked by red:

#amazingaudioplayer-AUDIOPLAYERID .amazingaudioplayer-volume-bar-adjust-active {
background-color: #fcc500;
-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 );
-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 );
box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 );
}