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.

flomei

<p>“Simple Audioplayer” is a plugin for WordPress which aims to provide a somewhat better experience for playing audiofiles in your WordPress site.</p>
<p>While other Audioplayers for WordPress try to impress with visualization and features nobody really needs, the main focus for developing “Simple Audioplayer” was simplicity, ease of use and customizability right through CSS.</p>
<p>By using HTML5 features and pure JavaScript it is compatible to a wide variety of browsers and brings no overhead with itself. It’s a simple, sleek solution to play MP3 or OGG files.</p>
<p>If you’re looking to run a podcast site, you might need something different, but if you want to occasionally integrate an audiofile, probably look no further.</p>
<h3>Features</h3>
<p>While being quite simplistic, Simple Audioplayer packs all the features you’ll need.</p>
<ul>
<li><strong>Automatic detection whether the browser can play OGG files.</strong> If you provide OGG files, you’ll save on traffic and your user on bandwith due to better compression of this format.</li>
<li><strong>The player can show an image of your choice right next to its controls.</strong> Use it for “cover art”, your logo or whatever. Leave it out and the player will adapt to that, too.</li>
<li><strong>SVG elements for controls.</strong> Vector-based graphics for the control elements make sure that the player looks great on any display and resolution. No “pixelated edges”. The controls are inspired by material design to provide an unobstrusive, yet good looking experience.</li>
<li><strong>Easy styling.</strong> All player elements can either be styled by CSS instructions or, in case of the controls, directly from within the shortcode. This allows you to seamlessly integrate the player into your page. Default styles look good, though and will inherit the design from your page.</li>
<li><strong>Multiple players on one page.</strong> You can have multiple players on one page and they are all independent from each other. Each one will keep its own settings, like track position and volume, and starting to play one player will pause any other running player at its current position.</li>
</ul>
<h3>Purchase & Installation</h3>
<p>“Simple Audioplayer” is free and can be installed from the WordPress plugin directory.</p>
<p>If you want to feel better, you can purchase a “PREMIUM DELUXE GOLD EDITION” of this plugin from Gumroad (see donation link). This will add nothing in features, change nothing in how the plugin works, you don’t even have to enter a serial number.</p>
<p>It’s only purpose is to have a good feeling about supporting free software and its authors (and their caffeine addiction), especially in times where the WP ecosystem is getting more and more commercialized and the plugin and theme directory have become a place to lure you into buying “premium versions”, because the free versions of items are totally feature-crippled.</p>
<h3>Usage</h3>
<p>After installing and activating the plugin, you can use it through a shortcode in your posts and pages:</p>
<pre><code>[simple-audioplayer title="" subtitle="" mp3="" ogg="" color="" image=""]
</code></pre>
<p>Theoretically you could omit everything but the mp3-parameter, but that would be no fun. So, let’s have a look at the parameters.</p>
<ul>
<li><strong>title</strong> This can be any text value, like episode name, title of the track and whatnot. Your imagination is the limit.</li>
<li><strong>subtitle</strong> Subtitle could be the name of your podcast, additional information on the speaker or the topic.</li>
<li><strong>mp3</strong> This must be a link to a MP3 file. Although it must not be saved in your WordPress site this is recommended for maximum performance.</li>
<li><strong>ogg</strong> Optionally you can also provide a link to an OGG file. OGG has better compression than MP3 and will therefore save traffic. Not all browsers support OGG but the player will check that by itself.</li>
<li><strong>color</strong> This can be any valid CSS color value, default ist <code>#000</code> for black controls. Change it to your needs or omit the parameter for black controls.</li>
<li><strong>image</strong> Optionally show an image on the left side of the player for cover art or something else. Quadratic images look best.</li>
</ul>
<h3>Questions</h3>
<p>Feel free to use the WordPress support system for further questions regarding use or features of the plugin. Please do not contact me regarding problems like general plugin installation and alike. There are really good tutorials regarding those topics out here in the internet.</p>


Simple-Audioplayer

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

DS Custom Audio Player vs Simple-Audioplayer