Senff - a11n

<p>Audio Wave Block adds a block to the Block Editor, that can be used to play any audio file on your site. It only has a Play/Pause button and shows the waveform of the audio, and during playing it shows a progress bar, using the WaveSurfer library.</p>
<h3>Features:</h3>
<ul>
<li>Shows the audio waveform, representating the sound levels of the audio file.</li>
<li>Progress bar can be dragged to any position.</li>
<li>Customizable colors for the player background, button and waveform (played/unplayed).</li>
<li>Multiple players can be present on a single post/page.</li>
<li>When starting a player, any other players that are already playing on the same page will pause (avoiding multiple players running at the same time).</li>
</ul>
<h3>Third-Party Libraries</h3>
<p>This plugin includes WaveSurfer.js (https://wavesurfer.xyz/) v7.12.6, used for audio waveform rendering.</p>
<ul>
<li>License: BSD 3-Clause                                                                                         </li>
<li>Copyright: © 2012–2024 katspaugh and contributors                                                             </li>
<li>Source: https://github.com/katspaugh/wavesurfer.js</li>
</ul>


Audio Wave Block

A simple audio player for the Block editor with just a Play/Pause button and a waveform representing the soundwaves.

nucleusdigital

<p><strong>Audio Playlist</strong> is a modern, self-hosted HTML5 audio player for WordPress. It dynamically reads MP3 and WAV files from a folder on your server — no Spotify, no SoundCloud, no dependency on external music services.</p>
<h4>Features</h4>
<ul>
<li>Reads tracks automatically from your audio folder</li>
<li>Displays track titles based on filenames (clean formatting with spaces and capitalization)</li>
<li>Displays a cover image (cover.jpg or cover.png) for the playlist</li>
<li>Renders an interactive waveform powered by WaveSurfer.js</li>
<li>Full playback controls: Play, Pause, Previous, Next, Shuffle, Loop, Volume</li>
<li>Auto-scrolling title for long track names</li>
<li>Works in any shortcode-compatible field — no Gutenberg block required</li>
<li>Compatible with Divi and other page builders</li>
<li>Configurable background color for the player</li>
</ul>
<h4>Usage</h4>
<p>Place your MP3 files in a folder named <code>playlist</code> under your audio base directory, add a <code>cover.jpg</code>, then use the shortcode:</p>
<pre><code>[nuclaup_playlist label="My Playlist"]
</code></pre>
<h4>Free version limitations</h4>
<ul>
<li>Reads tracks from a single fixed folder named <code>playlist</code></li>
<li>Single cover image per playlist (cover.jpg) — no per-track covers</li>
</ul>
<h4>Pro version</h4>
<p><strong>Audio Playlist Pro</strong> adds:</p>
<ul>
<li>Multiple playlists with custom folder paths</li>
<li>ID3 tag reading (title, artist) for accurate track metadata</li>
<li>Per-track cover art via catalog code matching</li>
<li>Companion Python script to extract and resize cover art from MP3 ID3 tags</li>
<li>Advanced admin panel with catalog code configuration</li>
</ul>


Nucleus Audio Playlist

A modern, self-hosted HTML5 audio player for WordPress. Drop MP3s in a folder, add a shortcode, and play.

Audio Wave Block vs Nucleus Audio Playlist