DS Custom Audio Player adds a modern, responsive and customizable HTML5 audio player. Works in Gutenberg Block Editor and Classic Editor.

sonaar

Edouard Duplessis

MP3 Audio Player – Music Player, Podcast Player & Radio by Sonaar

The most advanced Audio Player for Music & Podcast. For Elementor, Gutenberg, WooCommerce and more. Add unlimited players to any pages!

Common Ninja

Common Ninja: Audio Player for WooCommerce

Common Ninja’s Audio Player plugin is a great, versatile tool for those who’d like to add audio to their website. With it, you can enrich your content …

flomei

Simple-Audioplayer

Creates a simple audioplayer based on a shortcode, which looks somewhat nicer than the default media player of WordPress.

icyleaf

WS Audio Player

Add Audio Player with Download function to your blog.

Dennis Knake

<p>The <strong>DS Custom Audio Player</strong> provides a lightweight, flexible and accessible alternative to the default WordPress audio player. It is designed for bloggers, podcasters and musicians who want more control over the look and functionality of their audio embeds without functionality overkill. It’s still just a simple player.</p>
<p>Comes with Language files for German, French, Spanish and Italian WordPress Installations</p>
<h3>Features</h3>
<ul>
<li>Customizable player width and colors (buttons, icons, background)</li>
<li>Normal, compact and super compact view modes</li>
<li>Metadata display (Artist – Title) read directly from audio files (MP3, OGG, FLAC, M4A, AAC)</li>
<li>Optional volume control with instant mute/unmute</li>
<li>Optional download button (filename based on metadata or original file name)</li>
<li>Optional playback speed button (cycles through 1x / 1.5x / 2x)</li>
<li>Optional heading text displayed above the player (centered, italic, in theme font)</li>
<li>Responsive design that works on desktop and mobile devices</li>
<li>Lightweight: no external libraries required</li>
<li>Accessibility-friendly controls (ARIA labels, keyboard navigation)</li>
<li>Works with both <strong>Gutenberg (Block Editor)</strong> and the <strong>Classic Editor</strong></li>
</ul>
<p>This plugin uses the text domain <code>ds-custom-audio-player</code>.</p>
<h3>Shortcode Usage</h3>
<p>Basic example:</p>
<p>[dscap_audio src=”https://example.com/audio/song.mp3″]</p>
<h3>Available attributes (override global defaults):</h3>
<ul>
<li><code>src</code> – <strong>required</strong>, URL to the audio file.  </li>
<li><code>width</code> – CSS value, e.g. <code>400px</code> or <code>100%</code>.  </li>
<li><code>color</code> – Button background color, e.g. <code>#0073e6</code>.  </li>
<li><code>bg</code> – Player background color.  </li>
<li><code>icon</code> – SVG icon color, e.g. <code>#ffffff</code>.  </li>
<li><code>compact</code> – <code>0</code> = normal view incl. Metadata, <code>1</code> = compact view, <code>2</code> = super compact view </li>
<li><code>show_volume</code> – <code>1</code> = show volume control, <code>0</code> = hide.</li>
<li><code>show_download</code> – <code>1</code> = show download button, <code>0</code> = hide.</li>
<li><code>show_speed</code> – <code>1</code> = show playback speed button, <code>0</code> = hide.</li>
<li><code>heading</code> – optional heading text displayed above the player (max. 50 characters).</li>
<li><code>show_heading</code> – <code>1</code> = show heading, <code>0</code> = hide.</li>
<li><code>align</code> – alignment: <code>left</code>, <code>center</code>, or <code>right</code>.</li>
</ul>
<p>Example with overrides:</p>
<p>[dscap_audio src=”https://example.com/audio/podcast.mp3<br />
” width=”100%” color=”#ff0000″ icon=”#000000″ compact=”1″ show_download=”0″ align=”center”]</p>


Alternatives to DS Custom Audio Player

Top alternatives