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.

pupunzi

<p><strong>This plug-in let you transform any mp3 file uploaded inside a post into an essential small HTML5 audio player with:</strong></p>
<ul>
<li>volume control</li>
<li>seeking control</li>
<li>title bar</li>
<li>rewind button</li>
<li>mute button</li>
<li>play button</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/lFEtzQk01Xw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><strong>Watch this video to learn how to customize your player using the on line Skin Maker too:</strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/2WldUObmRZ4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><strong>Important!</strong><br />
From version 1.5.8 the CSS has been changed; for all the one how have customized the skin they need to recreate their skin from <a href="http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/skinMaker.html" rel="nofollow ugc">here</a>.</p>
<p>Links:</p>
<ul>
<li>demo: http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/demo.html</li>
<li>video: http://youtu.be/B8Dr4aUNGgo</li>
<li>pupunzi blog: http://pupunzi.open-lab.com</li>
<li>pupunzi site: http://pupunzi.com</li>
</ul>
<p>From version 1.4.x you can customize your player appearance by using the <a href="http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/skinMaker.html" rel="nofollow ugc">on-line miniAudioPlayer Skin Editor</a>.</p>
<p>If you are using others HTML5 audio plugins (like Haiku) there could be conflicts with mb.miniAudioPlayer. You should deactivete the others befor using it.</p>
<p>Other WP plugins:</p>
<ul>
<li><strong>wp-YTPlayer.</strong> A Chromeless video player to play your Youtube videos as background of any WP page or post.<br />
https://wordpress.org/extend/plugins/wpmbytplayer/</li>
</ul>
<h3>How it works:</h3>
<ol>
<li>Activate the mb.miniAudioPlayer plugin via the WP plugin panel;</li>
<li>Edit a post or a page, click on the Upload/Insert media link and choose an mp3 file;</li>
<li>place it into the post wherever you want to show the player.</li>
<li>save the post and browse it; the player will show instead of the link at the file.</li>
</ol>
<p>to change the player default settings go to the mb.miniAudioPlayer settings panel (you can find it under the “settings” section of the WP backend).</p>
<p><strong>Options:</strong></p>
<ul>
<li>@ width = (int) the width in pixel of the player once opened.</li>
<li>@ skin = the color of the player interface (black, blue, orange, red, gray and green).</li>
<li>@ volume = (int) the initial volume of the player.</li>
<li>@ showVolumeLevel = a boolean to show or hide the volume control.</li>
<li>@ showTime = a boolean to show or hide the time counter.</li>
<li>@ showRew = a boolean to show or hide the rewind control.</li>
<li>@ autoPlay = (available only for the TinyMCE editor plugin) a boolean to set in play the player once the page is loaded.</li>
<li>@ downloadable = a boolean to show the download button next to the player.</li>
<li>@ excluded = a string containing the CSS class for audio links that should not be converted into player.</li>
</ul>
<p><strong>Ubuntu Chromium issue</strong></p>
<p>Due to some codecs missing in the default Ubuntu Chromium install the player will not work. This problem can be resolved by simply installing that codecs via console:<br />
sudo apt-get-install chromium-codecs-ffmpeg-extra</p>
<p>After that your player should work fine.</p>


mb.miniAudioPlayer – an HTML5 audio player for your mp3 files

Transform your mp3 audio files into a nice, small light HTML5 player.

WPaudio MP3 Player vs mb.miniAudioPlayer – an HTML5 audio player for your mp3 files