How to open an audio player in a WordPress lightbox popup

This tutorial will guide you how to open an audio player created with WonderPlugin Audio Player in a WordPress lightbox popup. We use the plugin WonderPlugin Carousel to create the carousel and the lightbox.
Continue reading

Playing audio on the first page visit of the website

Product:

WonderPlugin Audio Player

Question:

I wonder is there a way to play an audio snippet 30 seconds after someone lands on any page of my website, but I would only want it to play once...not each time they go to a new page. Is that possible and would it be simple to do?

Continue reading

WordPress Live Streaming Audio Player

Product:

WonderPlugin Audio Player

Question:

I came across your site because it says you have a WordPress Live Streaming Audio Player, but when I click on it, it takes me to just your Wonderplugin Audio Player. Are they the same thing? How would I set up the live feed? The video tutorial didn't show it.

Answer:

The plugin WonderPlugin Audio Player is capable of playing live mp3 streaming URL.

A demo is at this page: WordPress Live Streaming Player Demo

If you are using Shoutcast, you can check this post: How to Play Shoutcast Live Streaming in WordPress

WordPress Audio Player API Event

Product:

WonderPlugin Audio Player

Question:

I want to know how to write javascript to catch the event play and stop.

Answer:

You could use the following JavaScript code:

jQuery("#wonderpluginaudio-1").on("amazingaudioplayer.played", function(event, data) {
  console.log(event);
  console.log(data);
});

jQuery("#wonderpluginaudio-1").on("amazingaudioplayer.stop", function(event, data) {
  console.log(event);
  console.log(data);
});

jQuery("#wonderpluginaudio-1").on("amazingaudioplayer.paused", function(event, data) {
  console.log(event);
  console.log(data);
});

jQuery("#wonderpluginaudio-1").on("amazingaudioplayer.switched", function(event, data) {
  console.log(event);
  console.log(data);
});

Please change the number 1 in the above code to the ID of your player.

Do not auto play next track in WordPress audio player plugin

Product:

WonderPlugin Audio Player Plugin

Question:

I have a quick question, can the play lists be set to not auto play the next track?

I need the play list to only play a track when i click on it.

Answer:

In the plugin, step 3, Options tab -> Skin Options, change the Loop Mode to No loop.

Then in Options tab -> Advanced Options, enter the following text to the Advanced Options box:

data-noncontinous="true"

Show artist name in playlist

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>"

How to play a Shoutcast streaming in WordPress audio player

Product:

Wonder Audio Player

Question:

I wonder how could I play a Shoutcast audio streaming with Wonder Audio Player? I tried to enter the address of the .pls file to the plugin, but it's not playing.

Answer:

For full instructions of how to create a Shoutcast live streaming player in WordPress, please view the tutorial: How to create a WordPress Shoutcast player.

The .pls file is actually a text file that contains a link or links to the audio streaming. You need to open the .pls file with a text editor, find the streaming URL and directly enter the streaming URL to the plugin.

If the streaming URL has a format like:

http://IP:port

You need to add a suffix ;&type=mp3 and enter the following URL to the plugin:

http://IP:port/;&type=mp3

Then in the plugin, step 1, Add Audio dialog, you can enter the streaming URL to the Mp3 URL box and check the option "This is a live streaming".

An online demo is as follows:

https://www.wonderplugin.com/wordpress-audio-player/examples/wordpress-live-streaming-audio-player-id16/