WordPress audio player with download buttons and social media share buttons

Last updated on

This tutorial will guide you how to create a WordPress audio player with download buttons and social media share buttons. You can display a download button and a share button for each audio in the playlist, you can also display the buttons for the current playing audio.

There are two steps in this tutorial:

  • Step 1 - Install Wonder Audio Player plugin
  • Step 2 - Create a WordPress audio player with download and share buttons in Wonder Audio Player
  • Additional - Remove the download or share button and only keep the other one

At the end of this tutorial, we will also discuss how to remove the download or share button and only keep the other one.
Continue reading →

How to add a WordPress audio player with playlist to Divi theme

Last updated on

This tutorial will guide you how to add a WordPress audio player with playlist to Divi page builder of Elegant Themes.

There are 3 steps in the tutorial:

  • Step 1 - Install Wonder Audio Player
  • Step 2 - Create a WordPress audio player with playlist
  • Step 3 - Add the WordPress audio player to Divi page builder

Continue reading →

Show artist name in playlist

Last updated on

Product:

WordPress Audio Player

Question:

Is there a way to include the artist name, as well as the track title, in the playlist?

Answer:

In step 3, Options tab, click Advanced Options tab, then enter the following text to the Advanced Options box:

data-tracklistitemformat="%ID%. %ARTIST% - %TITLE% <span style='position:absolute;top:0;right:0;'>%DURATION%</span>"

Remove track numbers in audio player playlist

Last updated on

Question:

Is there a way to get rid of the track numbers in the audio player playlist?

Answer:

In step 3, Options tab, click Advanced Options button, enter the following code to the Data Options field:

data-tracklistitemformat="%TITLE% <span style='position:absolute;top:0;right:0;'>%DURATION%</span>"

The demo is as following:

In the Moment of Inspiration
In the Moment of Inspiration
pinkzebra
  • In the Moment of Inspiration 02:34
  • Peaceful Dawn 02:09
  • Photos and Memories 02:13
  • Inspiring Ideas into Motion 02:17
  • Soaring Spirit 02:10

Add extra information to the player tracklist

Last updated on

Question:

I like the WonderPlugin Audio very much and I uses it on our site. However I have the following question:

I use the skin: Jukebox version but I am missing one column at the end of each inserted Audio line.

The missing element is to be able to add a document (doc. or PDF file) to that audio line. In that document could be the music (notes), or the words of the song or additional information like the writer and some background information.

The new audio line will look like: sequential number, song title, minutes:seconds, a symbol like open book or name.

In order to define the document file name we need an additional line to add the URL when defining the new Audio file.

My Question: Is that possible now or in the future, Please?

Answer:

Firstly, please upgrade to the latest version if your version number is less than 1.4.

Then you can take the following steps:

1. In the plugin, Step 1, MP3 tab, enter your link to the Information text field, for example:

<a href="https://www.wonderplugin.com/" target="_blank">WonderPlugin</a>

You can add different link text for each of your audios.

2. In Step 3, Options tab, Advanced Options, enter the following text to the Advanced options field:

data-infoformat="%ARTIST% %ALBUM%"
data-tracklistitemformat="%ID%. %TITLE% <span style='position:absolute;top:0;right:0;'>%INFO% - %DURATION%</span>"

In above code, the %INFO% will be dynamically replaced by the information you entered.

A demo is as following:

In the Moment of Inspiration
In the Moment of Inspiration
pinkzebra