Description

A block for embedding a beautiful audio player on the WordPress website. It supports multiple audios as a playlist and you can select a single audio file to make a non playlist player.

Demos

Key Features

Audio Play/Pause: Play selected audio and pause others; click again to pause the current audio.

Pro Features

Customize 5 Different Themes: Add 5 new themes with different looks and settings.
Music Auto Play: Automatically start playing the audio when the player loads.
Navigation Prev/Next: Easily navigate to the previous or next track in the playlist.
Current & Total Time Display: Shows the current & total playback time of the audio track.
Input Range Thumb: Customize the style of the range slider thumb for seeking.
Playback Speed Control: Enable or disable playback speed adjustment options.
Download Icon: Add an option to download the audio file directly from the player.
Forward & Backward Button Visibility: Show or hide the forward & backward button for skipping parts of the track.
Artist Opacity: Control the transparency of the artist’s name display.
Thumbnail Border & Radius: Customize the border & radius of the track’s thumbnail image.
Input Range Height & Radius: Adjust the height & radius of the seek range slider.
Controls Border & Hover Border: Customize the border & hover border style of the player controls.
Time Display Radius: Customize the corner radius of the time display boxes.
Thumb Width, Radius, Outline & Shadow: Adjust the width, radius, outline & shadow of the seek range slider thumb.
Wave Normal & Light Color: Set the base color & light of the audio waveform.
Playlist Border & Radius: Customize the border and corner radius of the playlist displayed below the lite audio player.
Shortcode Functionality: Add this block anywhere with shortcode.

How to use

First, install the Audio Player Block plugin
Add the Audio Player Block from the block category called “Widgets” in the Gutenberg editor.
You can change block settings from the right-side settings sidebar.
Enjoy!
For installation help click on Installation Tab

Feedback

Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us

⭐ Check out the Parent Plugin of this plugin-

🔥 B Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Best audio player plugin for WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 Document Embedder – Best WordPress Document Embedder Plugin.

🔥 3D Viewer – Display interactive 3D models on the webs.

🔥 Advanced Post Block – Best Post Display Plugin for WordPress.

Screenshots

Default
Slider Theme
OneHaash Theme
Wooden Theme
Lite Theme
Card Theme
Settings

Blocks

This plugin provides 1 block.

Audio Player Listen music on the web.

Installation

From Gutenberg Editor:

Go to the WordPress Block/Gutenberg Editor
Search For Audio Player
Click on the Audio Player to add the block

Download & Upload:

Download the Audio Player Block plugin (.zip file)
In your admin area, go to the Plugins menu and click on Add New
Click on Upload Plugin and choose the audio-player-block.zip file and click on Install Now
Activate the plugin and Enjoy!

Manually:

Download and upload the Audio Player Block plugin to the /wp-content/plugins/ directory
Activate the plugin through the Plugins menu in WordPress

FAQ

Is Audio Player Block free?: Yes, Audio Player Block is a free Gutenberg block plugin.
Does it work with any WordPress theme?: Yes, it will work with any standard WordPress theme.
Can I change block settings?: Yes, you can change block settings from the Gutenberg block editor’s right sidebar.
How many times can I reuse a block?: You can use unlimited times as you want.
Where can I get support?: You can post your questions on the support forum here

Reviews

calaiopee 26 Lúnasa, 2024

It’s all I wanted. A beautiful player for my few autio files. Perfect!!

Vincent Breton 17 Lúnasa, 2024

simple, effective and beautiful ergonomics, easy to handle

voha888 13 Lúnasa, 2024

What about speed buttons i.e. 0.8x, 1x, 1.25x, 1.5x

jamesbmt 12 Feabhra, 2024

Does exactly what it promised: plays tracks on my WP site, with zero issues. Would recommend!

heikiel19 7 Lúnasa, 2023

I had an issue with the display of the buttons and Charles of the support staff immediately implemented an update that solved my issue. Thank you very much!

webproject1618 10 Meán an tSamhraidh, 2023

One of my favourite wordpress players.Congratulations on this plugin!

Read all 8 reviews

Contributors & Developers

“Audio Player Block – audio player gutenberg block plugin” is open source software. The following people have contributed to this plugin.

“Audio Player Block – audio player gutenberg block plugin” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Audio Player Block – audio player gutenberg block plugin” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.2 – 26 Jan, 2025

solving the problem in arrow icons

1.2.1 – 09 Jan, 2025

Premium issue fixed

1.2.0 – 06 Jan, 2025

Upgrade to Premium version

1.1.0 – 30 Sep, 2023

Stop at the end of the album

1.0.9

Fix the icon visible issue

1.0.8

Performance Improvements

1.0.7

Fix the play pause icon not visible on iPhone

1.0.6

Change audio property update way.

1.0.5

Pause other audio when playing.
Not load scripts if block is not used

1.0.4

Fix responsive issue
Fix play/pause button accuracy

1.0.3

Hours feature

1.0.2

Add translate feature
Insert file from URL

1.0.1

readme updated
fix mirror issues

1.0.0

Initial Release