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>


DS Custom Audio Player

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

DS Custom Audio Player vs MP3 Audio Player – Music Player, Podcast Player & Radio by Sonaar