Product:
Tutorial:
This tutorial will guide you how to use the Wonder Audio Player JavaScript API to get the current song information and display it in a separate div on the same webpage.
Continue reading
How to add images to the player track list for each audio
Product:
Tutorial:
This tutorial will guide you how to add a different image to each audio in the WordPress audio player track list.
There are 4 steps in this tutorial:
- Step 1 - Add an image to each audio in the player
- Step 2 - Change the track list format and add the image
- Step 3 - Add CSS code to style the images
WordPress Audio Player plugin: how to configure the mp3 URL in the shortcode
Product:
Tutorial:
Wonder Audio Player is an easy to use WordPress plugin that can help you create mp3 players for your WordPress sites.
To create a WordPress audio player, in the plugin, step 1, you can add mp3 files to the playlist, the plugin will build the player and provide you with the shortcode. You can then add the player shortcode to a WordPress post or page.
In some cases, for example, you have tens or even hundreds of mp3 files, instead of creating a player for each mp3 file, you may want to only create one player and reuse the same player for all mp3 files.
This tutorial will guide you how to create a player, then reuse it for all other mp3 files.
How to add extra buttons to control a WordPress audio player on the same webpage
This tutorial will guide you how to add your own buttons to play/pause/rewind/fast forward a WordPress audio player created with the plugin Wonder Audio Player.
If the audio player has a playlist, the tutorial will also guide you how to add buttons to play a specific song in the playlist or switch to the previous or next song.
There are two steps in this tutorial:
- Step 1 - Create an audio player with Wonder Audio Player plugin
- Step 2 - Add buttons to control the audio player
How to add time marks to WordPress audio player
This tutorial will guide you how to add time marks to a WordPress audio player created with the plugin Wonder Audio Player. When clicking on the time mark, the player will jump to the specified time and start playing.
The tutorial will also guide you how to add play, pause, rewind and forward buttons to the player.
There are two steps in this tutorial:
- Step 1 - Create an audio player with Wonder Audio Player plugin
- Step 2 - Add time marks to the audio player
How to create a RTL layout WordPress Audio Player
This tutorial will guide you how to create a RTL layout WordPress audio player by using the plugin Wonder Audio Player.
There are two steps in this tutorial:
- Step 1 - Create an audio player with Wonder Audio Player plugin
- Step 2 - Add custom CSS code to change the layout to RTL
How to specify the start and end time of an audio in WordPress audio player by using URL parameters or query strings
This tutorial will guide you how to specify the start and end time of an audio in the audio player created with Wonder Audio Player by using URL parameters or URL query strings.
Continue reading
WordPress audio player with download buttons and social media share buttons
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 WordPress audio player to Elementor page builder?
Elementor is one of the most popular WordPress page builders. This tutorial will guide you how to add an audio player to Elementor page builder. You can create an audio player with playlist or a single mp3 file.
There are 3 steps in the tutorial:
- Step 1 - Install Wonder Audio Player
- Step 2 - Create a WordPress audio player
- Step 3 - Add the WordPress audio player to Elementor page builder
Accessible WordPress Audio Player
Product:
Question:
The buttons to play or pause are not seen by the screen readers. Is there any way to add the feature so the audio player is accessible for blind and vision impaired people?
