toddiceton

<h3>All the other WordPress mp3 players were crappy or ugly so I made a better one.</h3>
</p>
<p>WPaudio is a simple mp3 player. The minimal design fits any blog. It’s easy to use. It works with mobile devices like iPhone and Android. The file is small and won’t slow down your site.</p>
<h4>Clean design with intuitive controls</h4>
<p>Everything’s tucked out of the way until you click play. Jog the track by clicking the position bar. Simple.</p>
<h4>Easy to install, easy to use</h4>
<p>Install directly from WordPress (just go to <em>Plugins</em> -> <em>Add New</em>) and start embedding mp3s immediately. You can convert all mp3 links or only the ones you select.</p>
<h4>Compatible with your old Audio Player tags</h4>
<p>Want to switch to a better player? Just deactivate Audio Player and WPaudio will take care of it.</p>
<h4>Won’t slow down your site</h4>
<p>WPaudio was written for performance. It uses WordPress’s built-in scripts and HTML5.</p>
<h3>How to use WPaudio</h3>
<ul>
<li>
<p>If you want to convert every mp3 link into a player, go to <em>Settings</em> -> <em>WPaudio</em> and select the first option, <em>Convert all mp3 links</em>.</p>
</li>
<li>
<p>If you want to selectively convert mp3 links, just add the <code>wpaudio</code> class to the links you want converted, like this:</p>
<pre><code><a href="http://url.to/your.mp3" class="wpaudio">Artist - Song</a>
</code></pre>
</li>
<li>
<p>If you want to disable downloads or specify a different download URL, use the advanced tags.</p>
<pre><code>[wpaudio url="http://url.to/your.mp3" text="Artist - Song" dl="0"]
</code></pre>
</li>
<li>
<p>For autoplay, just add autoplay=”1″ to your tags.</p>
<pre><code>[wpaudio url="http://url.to/your.mp3" text="Artist - Song" autoplay="1"]
</code></pre>
</li>
</ul>


WPaudio MP3 Player

Play mp3s and podcasts in posts with the simplest, cleanest, easiest mp3 player. New HTML5 support for iPhone, iPad, Android & mobile browsers.

PascalBajorat

<p>This plugins adds possibility to place audio files into posts and pages using the oEmbed technology used by WordPress for other purposes (YouTube videos etc). Audio files are embeded using HTML5 audio tag, with Flash-based backup player for MP3 format for browsers that don’t support either HTML5 or MP3 format (Internet Explorer up to version 8.0, Firefox and Opera).</p>
<p>To put audio file into a post, simply enter the URL link to the audio file as separate paragraph. The plugin will convert it into the player on the page. See screenshots.</p>
<p>This is a special version of oEmbed HTML5 Audio: It is completely rewritten to support Cache Systems like WP Super Cache or W3 Total Cache and I’ve added some new Features.</p>
<h4>Key Features</h4>
<ul>
<li>oEmbed support for mp3, ogg and wav audio files</li>
<li>HTML5 Audio Shortcode (supports this functions: autoplay, loop, preload, controls and flash fallback)</li>
<li>Easy to use Shortcode-Generator</li>
<li>Compatible with Cache-Systems like WP Super Cache or W3 Total Cache</li>
<li>Flash Fallback</li>
</ul>
<h4>Auf der Suche nach einer deutschsprachigen Anleitung?</h4>
<p>Eine deutschsprachige Anleitung zu diesem Plugin ist auf meinem Blog zu finden:<br />
<a href="http://www.webdesign-podcast.de/2013/02/14/wordpress-und-html5-audio-support-plugin/" title="WordPress und HTML5 Audio Support – Plugin" rel="nofollow ugc">WordPress und HTML5 Audio Support – Plugin</a></p>
<h4>The new Shortcode:</h4>
<p>I’ve added a simple Shortcode to give you the full control of your HTML5 Audio:</p>
<pre><code>[audio id="your-css-id" class="pb-html5-audio-element" mp3="audio.mp3" ogg="audio.ogg" wav="audio.wav" autoplay="on" loop="on" preload="on" controls="on" flash_fallback="on" hidden="off"]
</code></pre>
<p>All Parameters are optional, but you need to specify at least one Audio Source: mp3, ogg or wav.</p>
<p>Defaults:</p>
<ul>
<li>id (optional, will be auto generated by the plugin if you not provide an ID)</li>
<li>class = pb-html5-audio-element</li>
<li>autoplay = off</li>
<li>loop = off</li>
<li>preload = on</li>
<li>controls = on</li>
<li>flash_fallback = on</li>
<li>hidden = off</li>
</ul>
<p>Please note: The Flash Fallback works only with mp3 files!</p>
<p>Since version 2.3 you can use the Generator below your Editor in Posts and Pages.</p>
<h4>Use the Shortcode in your Theme</h4>
<p>If you want to place an Audio-Tag Player in your Theme, you can use the Shortcode via PHP:</p>
<pre><code><?php
echo do_shortcode('[audio mp3="audio.mp3" ogg="audio.ogg" wav="audio.wav" autoplay="on" loop="on" preload="on" controls="on" flash_fallback="on" hidden="off"]');
?>
</code></pre>
<h4>Tested support in browsers:</h4>
<ul>
<li>Google Chrome 14: MP3, OGG, WAV – native HTML5</li>
<li>Firefox 6: OGG, WAV – native HTML5; MP3 – Flash-based backup player</li>
<li>Opera 11: OGG, WAV – native HTML5; MP3 – Flash-based backup player</li>
<li>Internet Explorer 8: MP3 – Flash-based backup player; OGG, WAV – not supported</li>
<li>Internet Explorer 9: MP3 – native HTML5; OGG, WAV – not supported</li>
<li>Safari: MP3 – Flash-based backup player; OGG, WAV – not supported</li>
</ul>
<p>A complete list which Browser supports which format you can find here: <a href="http://html5css3box.com/audio-tag-generator/" title="HTML5 CSS3 Box - HTML5 Audio-Tag" rel="nofollow ugc">HTML5 CSS3 Box – HTML5 Audio-Tag</a></p>
<p>If you have any questions or problems, you can ask me: <a href="https://www.pascal-bajorat.com/" title="Pascal Bajorat - Webdesigner / WordPress / WebDeveloper Berlin" rel="nofollow ugc">Pascal Bajorat – Webdesigner / WordPress / WebDeveloper</a></p>
<h4>Credits</h4>
<ul>
<li>Developer: Pascal Bajorat</li>
</ul>
<p>Translators:</p>
<ul>
<li>Spanish Translation by Andrew Kurtis – <a href="http://www.webhostinghub.com/" title="webhostinghub.com" rel="nofollow ugc">webhostinghub.com</a></li>
</ul>
<h3>Licence</h3>
<p>GNU General Public License v.3 – http://www.gnu.org/licenses/gpl-3.0.html</p>
<h4>HTML5 Audio Tag Shortcode:</h4>
<p>I’ve added a simple Shortcode to give you the full control of your HTML5 Audio:</p>
<pre><code>[audio id="your-css-id" class="pb-html5-audio-element" mp3="audio.mp3" ogg="audio.ogg" wav="audio.wav" autoplay="on" loop="on" preload="on" controls="on" flash_fallback="on" hidden="off"]
</code></pre>
<p>All Parameters are optional, but you need to specify at least one Audio Source: mp3, ogg or wav.</p>
<p>Defaults:</p>
<ul>
<li>id (optional, will be auto generated by the plugin if you not provide an ID)</li>
<li>class = pb-html5-audio-element</li>
<li>autoplay = off</li>
<li>loop = off</li>
<li>preload = on</li>
<li>controls = on</li>
<li>flash_fallback = on</li>
<li>hidden = off</li>
</ul>
<p>Since version 2.3 you can use the Generator below your Editor in Posts and Pages.</p>
<h4>Use the Shortcode in your Theme</h4>
<p>If you want to place an Audio-Tag Player in your Theme, you can use the Shortcode via PHP:</p>
<pre><code><?php
echo do_shortcode('[audio mp3="audio.mp3" ogg="audio.ogg" wav="audio.wav" autoplay="on" loop="on" preload="on" controls="on" flash_fallback="on" hidden="off"]');
?>
</code></pre>
<h4>oEmbed HTML5 Audio</h4>
<p>This plugins adds possibility to place audio files into posts and pages using the oEmbed technology used by WordPress for other purposes (YouTube videos etc). Audio files are embeded using HTML5 audio tag, with Flash-based backup player for MP3 format for browsers that don’t support either HTML5 or MP3 format (Internet Explorer up to version 8.0, Firefox and Opera).</p>
<p>To put audio file into a post, simply enter the URL link to the audio file as separate paragraph. The plugin will convert it into the player on the page. See screenshots.</p>


PB oEmbed HTML5 Audio – with Cache Support

This plugin converts URLs to audio files (MP3, OGG, WAV) into HTML5 audio with Flash-based player backup + Cache-System support and Shortcode.

WPaudio MP3 Player vs PB oEmbed HTML5 Audio – with Cache Support