Audio Player Block – audio player gutenberg block plugin

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

⭐ 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:

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

Download & Upload:

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

Manually:

  1. Download and upload the Audio Player Block plugin to the /wp-content/plugins/ directory
  2. 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

12 de febrero, 2024
Does exactly what it promised: plays tracks on my WP site, with zero issues. Would recommend!
7 de agosto, 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!
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.

Contributors

“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.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