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.

icyleaf

<p>Add Audio Player with Download function to your blog.</p>
<p>Create a post/page that using editor button or contains a code snippet following the “[audio=Music URL,[Music Title,download]]” to insert music.</p>
<p><em>Music Title and download is optional options.</em></p>
<p>Example:</p>
<p>here have a music url:http://icyleaf.com/1973.mp3,and Music Title is “1973”.then</p>
<pre><code>1. Only show Audio Player.
[audio=http://icyleaf.com/1973.mp3]

2. Only show Audio Player and Music Title.
[audio=http://icyleaf.com/1973.mp3,1973]

3. Only show Audio Player and can be download.
[audio=http://icyleaf.com/1973.mp3,,download]

4. Show Audio Player, Music Title and can be download. 
[audio=http://icyleaf.com/1973.mp3,1973,download]
</code></pre>
<h3>Useage</h3>
<p>Create a post/page that using editor button or contains a code snippet following the “[audio=Music URL,[Music Title,download]]” to insert music.</p>
<p><em>Music Title and download is optional options.</em></p>
<p>Example:</p>
<p>here have a music url: http://icyleaf.com/1973.mp3,and Music Title is “1973”.then</p>
<pre><code>1. Only show Audio Player.
[audio=http://icyleaf.com/1973.mp3]

2. Only show Audio Player and Music Title.
[audio=http://icyleaf.com/1973.mp3,1973]

3. Only show Audio Player and can be download.
[audio=http://icyleaf.com/1973.mp3,,download]

4. Show Audio Player, Music Title and can be download. 
[audio=http://icyleaf.com/1973.mp3,1973,download]<h3>Credits</h3>
</code></pre>
<p>This plugin was inspired from the WS Audio Plauer plugin by: <a href="http://icyleaf.com" rel="nofollow ugc">icyleaf</a></p>
<ul>
<li>Belarusian language package by <a href="http://pc.de/" rel="nofollow ugc">Marcis G</a></li>
</ul>


WS Audio Player

Add Audio Player with Download function to your blog.

DS Custom Audio Player vs WS Audio Player