How to add download links in Amazing Audio Player

This tutorial will guide you how to add download links in Amazing Audio Player, so your visitor can directly download the mp3 files from the audio player.

This tutorial is for Amazing Audio Player Version 2.6 and above.

Step1 – Create Audio Player in Amazing Audio Player

If it’s your first time to use Amazing Audio Player, please view https://amazingaudioplayer.com/quick-start-guide/ for a quick start.

In this tutorial, we are going to use the skin DarkBox and add download links to the playlist.

Step 2 – Customise the Player skin and add download links

In Amazing Audio Player, step 2, Skins dialog, Tracklist tab, change the value of Track list item format to the following text:

%ID%. %TITLE% <span style='position:absolute;top:0;right:0;'><a href='%AUDIOURL%' onclick='event.stopPropagation();' download='%TITLE%.mp3' target='_blank'>Download</a></span>

In the above code, %ID%, %TITLE% and %AUDIOURL% are predefined macro variables. They will be replaced by each audio id, title and audio URL dynamically.

Play/pause audio player inside an iframe

Question:

Your text link in the post Play/pause Audio Player with API worked great with full list of songs on the page. However, when we tried it with the iframe on the page, it did not start the player. Any idea how to make the text link work with the iframe? The iframe approach is a much simpler structure for us.

Answer:

When adding the iframe, assign an id for it, for example:

<iframe src=”audioplayer.html” id=”amazing” width=”274″ height=”52″ border=”0″ scrolling=”no” frameBorder=”0″></iframe>

Then you can use the following text link:

<a href=”javascript:if (window.frames[‘amazing’].contentWindow) window.frames[‘amazing’].contentWindow.amazingAudioPlayerObjects.objects[0].playAudio(); else window.frames[‘amazing’].window.amazingAudioPlayerObjects.objects[0].playAudio();”>Click to Play</a>
<a href=”javascript:if (window.frames[‘amazing’].contentWindow) window.frames[‘amazing’].contentWindow.amazingAudioPlayerObjects.objects[0].pauseAudio(); else window.frames[‘amazing’].window.amazingAudioPlayerObjects.objects[0].pauseAudio();”>Click to Pause</a>

Add audio player to Adobe Muse

Question:

Greetings. I am trying out your product before I buy it, and I was able to go through the steps easily. However, I seem unable to place the player on a page in Muse, or successfully insert the code. Do you have any recommendations?

Answer:

You can view the following tutorial and use an iframe to insert the player to Adobe Muse:

https://amazingaudioplayer.com/how-to-insert-an-html5-audio-player-to-your-webpage-with-iframe/

Play and Pause Audio Player with API

Question:

Hi Support:

I have purchased your Amazing Audio Player commercial version.

Is it possible to create a text link on a given page that will effect a play/pause action in the Amazing Audio Player on that page?

Thank you for any information you can provide on this matter.

Answer:

You can call the following JavaScript function to play/pause the player:

amazingAudioPlayerObjects.objects[0].playAudio();
amazingAudioPlayerObjects.objects[0].pauseAudio();

You can call the following JavaScript function to goto the second and fifth song and play:

amazingAudioPlayerObjects.objects[0].audioRun(1, true);
amazingAudioPlayerObjects.objects[0].audioRun(4, true);

The amazingAudioPlayerObjects is a global object created by the player.

For example, the following two text links will play/pause the audio player:

<a href=”javascript:amazingAudioPlayerObjects.objects[0].playAudio();”>Click to Play</a>
<a href=”javascript:amazingAudioPlayerObjects.objects[0].pauseAudio();”>Click to Pause</a>

The following two text links will play the second and fifth song:

<a href=”javascript:amazingAudioPlayerObjects.objects[0].audioRun(1, true);”>Click to Play</a>
<a href=”javascript:amazingAudioPlayerObjects.objects[0].audioRun(4, true);”>Click to Pause</a>

A demo is as following:

Click to Play

Click to Pause

Play the second song

Play the fifth song

Autostart on Android and IOS

Question:

I was evaluating and hoping that the amazingaudioplayer would be a solution to the simple requirement that I have.

I want an AutoPlay mp3 song to be played as background music on a html page, and provide a button
to pause/play the music. This should work on major browsers, also on mobile devices.

It does work on desktop browsers on Windows and Mac, but the AutoPlay function does not work on Android 4.3 (galaxy s4), and it does not work on IOS 6 safari. (Ipod touch). The button does shows correctly in play mode (shows the pause button), but no music is playing.

Apparently this is because Android and IOS require human interaction and forbid autoplay.

Any help is sincerely appreciated.

Answer:

Audio/video autoplay is not allowed on iPhone, iPad and Android. It’s a limit from the device, and there is no way to bypass it.

Some MP3 are not playing

Question:

I bought the Amazing player, everything works great, but small problem.
I created player with almost 150 audio files and image, everything plays but almost 10 files they dont load into
player, it cannot be size of the file b’coz bigger size files are playing without any trouble. when I checked directly the link of the file it works.
What could be the problem.
Thanks

Answer:

Do you mean there are some songs can not be played?

Please only use numbers 0-9, letters A-Z, a-z, dashes ‘-‘ and underscores ‘_’ for the mp3 filename. Avoid using spaces ‘ ‘, &, #, *, !, quotations and accented letters.

MP3 filename with special characters may cause problems when the player works in web browser.

Increase font sizes for track name and time

Question:

Hello, Just bought the full version of your product and can’t figure out how to increase font sizes for track name and time.

Answer:

In Step 2, Skins dialog, CSS tab, find the following CSS, and change the font size value and height value:

#amazingaudioplayer-AUDIOPLAYERID .amazingaudioplayer-track-item {
position: relative;
cursor: pointer;
color: #999;
font-family: ‘Open Sans’, Arial, sans-serif;
font-size: 12px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
line-height: 22px;
height: 22px;
margin: 0;
padding: 0;
text-align: left;
}

Installation of WordPress Audio Player

Question:

The WordPress installer will not upload the zip file unless it is under 10 MB in size. I’m using an eight song playlist for a band, which is 20 MB in size. If the playlist is under 10 Mb, I can use the WordPress uploader and things work as expected.

I can unzip the file on my local machine and upload the entire folder manually via FTP into the plugins directory, and it works and installs one playlist, but then I cannot install another second playlist manually. Are there any further instructions for this method? The band has multiple albums.

Can you clarify in the publish dialogue for a WordPress player what “create a standalone plugin for this audio player” means?

Answer:

The option “create a standalone plugin for this audio player” will create a standalone plugin for each player.

So you can use it to fix the problem:

1. In the application, choose the option “create a standalone plugin for this audio player”. In the bottom left of the dialog, choose a different “Audio Player id”. You need to choose a different “audio player id” for each player.

2. Create the plugin. Unzip the ZIP file on local machine, the folder should be like “amazingaudioplayer-plugin-X”. The X is the “Audio Player id” you selected for the player. Upload the folder to your WordPress plugins folder.

3. Activate the plugin. It will be a standalone plugin, just for this player.

4. The provided shortcode is different for each player. Please copy the exactly shortcode created by the plugin.

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.