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.

tymotey

<p>SSL certificate is REQUIRED for the plugin to work!<br />
Easy Waveform Player allows you to add visual waveform, generated on the fly, for an audio file.<br />
Loads audio on request only. If multiple players are showed they will not over load all the audio at once.<br />
Autostop other Easy Waveform Players if they are playing.</p>
<p>How to use:</p>
<p>1) Use the block from the editor you have installed(intergrated in: Gutenberb, Elementor, WPBakery Visual Builder, DIVI)<br />
2) Run code programatically. Code example:</p>
<pre><code> global $easywaveformplayer;
echo $easywaveformplayer->easywaveformplayer(
    array(
        'audio' => 'https://link.to/audio.mp3',
    )
);
</code></pre>
<p>3) Write manual shortcode using examples below</p>
<p>Examples:</p>
<ul>
<li>Load audio by libray id: <code>[easywaveformplayer audio="6"]</code></li>
<li>Load audio by URL: <code>[easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3"]</code></li>
<li>Autoplay(this requires that user allow permission to autoplay for your page): <code>[easywaveformplayer audio="6" autoplay="1"]</code></li>
<li>Add title: <code>[easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" title="This is a title"]</code></li>
<li>Animated appearence of timeline: <code>[easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" animated="true"]</code></li>
<li>Wave design changes: <code>[easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" timeline_wave_color="#FF0000" timeline_progress_color="#000000"]</code></li>
<li>Colored timelime background(including gradient): <code>[easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" timeline_background_color="linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)"]</code></li>
<li>Minimum size and adding different size then default: <code>[easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" min="true" mini_size="100"]</code></li>
<li>Minimum size with progress indicator: <code>[easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" min="true" show_progress="true"]</code></li>
</ul>
<p>Parameters and default values:</p>
<ul>
<li>id -> ” can be any value containing letters, numbers, _ OR –  Value Added will be concatenated with: “ewfplayer_”. Eg:  ewfplayer_mainplayer</li>
<li>always_play -> 0 (0 – it will stop when other player start playing, 1 – it will continue playing when other start playing)</li>
<li>autoplay -> 0  (accepted 0 or 1 values)</li>
<li>animated -> false  (accepted true or false values)</li>
<li>min -> false (accepted true or false values)</li>
<li>show_progress -> false (accepted true or false values)</li>
<li>player_width -> 100% (any css width values)</li>
<li>player_position -> left (left, center, right)</li>
<li>player_background_color -> transparent (or other CSS color)</li>
<li>mini_size -> 60 (in px)</li>
<li>mini_border_size -> 2 (in px)</li>
<li>mini_border_color -> #000000 (transparent or other CSS color)</li>
<li>progress_circle_thickness -> 4 (in px)</li>
<li>progress_circle_color -> #FF0000 (transparent or other CSS color)</li>
<li>controller_size -> 40 (in px)</li>
<li>controller_color -> #000000 (transparent or other CSS color)</li>
<li>timeline_background_color -> transparent (in px)</li>
<li>timeline_wave_color -> #999999 (transparent or other CSS color)</li>
<li>timeline_progress_color -> #555555 (transparent or other CSS color)</li>
<li>timeline_cursor_width -> 1 (in px)</li>
<li>timeline_cursor_color -> #333333 (transparent or other CSS color)</li>
<li>timeline_height -> 128 (in px)</li>
<li>timeline_bar_gap -> 0 (any number, starting from 0)</li>
<li>timeline_bar_width -> 0 (any number, starting from 0)</li>
<li>timeline_bar_radius -> 0 (any number, starting from 0)</li>
</ul>
<p>Built using library: <a href="https://wavesurfer-js.org/" rel="nofollow ugc">https://wavesurfer-js.org/</a></p>
<p>SSL certificate is REQUIRED for the plugin to work!</p>


Easy Waveform Player

Add Waveform players easy and fast to your WordPress.

Nucleus Audio Playlist vs Easy Waveform Player