Joshua Goodwin

Some WordPress audio plugins inject JavaScript into every page of your website, even pages that don’t have any audio on them. PlayPress doesn’t need any JavaScript.
Other plugins rely on Adobe’s displeasing Flash technology. PlayPress can fall back or default to HTML5 audio – without any JavaScript voodoo wizardry.
Other plugins can play videos and make you tea. PlayPress has a laser focus on just one thing: it lets you put an audio player in blog posts and pages.
You use a standard WordPress shortcode like this:
<pre><code>[audio mp3="http://example.com/bells.mp3" ogg="http://example.com/bells.ogg"]
</code></pre>
Users of most modern browsers will see a native HTML5 audio player. In older browsers, an adequate Flash-based one will be shown.
You don’t even need an Ogg Vorbis file:
<pre><code>[audio mp3="http://example.com/bells.mp3"]
</code></pre>
In this case, PlayPress will first attempt to show the Flash player. If Flash isn’t installed, readers will see the HTML5 audio player – but it won’t work in Firefox or Opera. (Most Firefox and Opera users should have Flash installed.)
In either case, if neither Flash nor HTML5 are supported by the browser, users will see a link to download the audio file. Graceful degradation.
Optionally, specify a title and/or artist for display in the Flash player (this will override the ID3 metadata embedded in your MP3 file, which is otherwise used if present):
<pre><code>[audio mp3="http://example.com/bells.mp3" title="Imagine" artist="John Lennon"]
</code></pre>
<a href="https://joshuagoodw.in/playpress" rel="nofollow ugc">The author’s website</a> has PlayPress running live right there on it.

PlayPress

PlayPress is a JavaScript-free, low-Flash audio player, fortified with HTML5.

flomei

“Simple Audioplayer” is a plugin for WordPress which aims to provide a somewhat better experience for playing audiofiles in your WordPress site.
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.
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.
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.
<h3>Features</h3>
While being quite simplistic, Simple Audioplayer packs all the features you’ll need.
<ul>
<li>Automatic detection whether the browser can play OGG files. If you provide OGG files, you’ll save on traffic and your user on bandwith due to better compression of this format.</li>
<li>The player can show an image of your choice right next to its controls. Use it for “cover art”, your logo or whatever. Leave it out and the player will adapt to that, too.</li>
<li>SVG elements for controls. 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>Easy styling. 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>Multiple players on one page. 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>
“Simple Audioplayer” is free and can be installed from the WordPress plugin directory.
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.
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.
<h3>Usage</h3>
After installing and activating the plugin, you can use it through a shortcode in your posts and pages:
<pre><code>[simple-audioplayer title="" subtitle="" mp3="" ogg="" color="" image=""]
</code></pre>
Theoretically you could omit everything but the mp3-parameter, but that would be no fun. So, let’s have a look at the parameters.
<ul>
<li>title This can be any text value, like episode name, title of the track and whatnot. Your imagination is the limit.</li>
<li>subtitle Subtitle could be the name of your podcast, additional information on the speaker or the topic.</li>
<li>mp3 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>ogg 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>color 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>image 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>
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.

Simple-Audioplayer

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

PlayPress vs Simple-Audioplayer