toughride

Audio Playlist Manager with autoresume has cool features for embedding mp3 audio into posts or templates. This plugin has the option to chose ‘autoresume’ for continuous playback across pageloads, with only a pause between pages.
Features include:
<ol>
<li>
Embed single/multiple audio file(s) on a post page or template
</li>
<li>
Embed single/multiple audio playlist(s) on a post page or template
</li>
<li>
Build your own XSPF compatible player and link our XML to it
</li>
<li>
Continuous playback option
</li>
<li>
Boutell XSPF player is the default flash player
</li>
</ol>
There are customizable short code that can be pasted into any page / post, as well as code to embed into your template.
If you are looking to embed a playlist on to your page, you can use the following short code.
using the short code <code>[ti_audio]</code> by itself will attempt to play playlist #1, which may or may not exist. It’s always preferable to use a named Playlist when calling the player or to set the id.
Plays playlist with name “Name of Playlist” (case sensitive)
<pre><code>[ti_audio name="Name of Playlist"]
</code></pre>
Plays playlist #1
<pre><code>[ti_audio id="1"]
</code></pre>
Uses the swf located at this location, rather than the default.
Your root folder must contain a crossdomain.xml file allowing
another domain’s swf access to XML data. Also passed is the
name of the player and the swf’s width and height values.
<pre><code>[ti_audio skin="/player/xspf_player_custom.swf" width="260" height="315"]
</code></pre>
In addition, you can also change the following attributes of the player (defaults shown):
Sets player to begin playing on load. Default is off, 0.
<pre><code>autoplay="0"
</code></pre>
Sets player for continuous playback, fresh page-load will only pause the player for moments (given the player resides in a common place sucha as sidebar or footer). Default is off, 0.
<pre><code>autoresume="0"
</code></pre>
Sets player to begin loading assets before the user clicks anything. Default is on, 1.
<pre><code>autoload="1"
</code></pre>
Sets player to repeat once it reaches the end of the playlist. Default is off, 0.
<pre><code>repeat="0"
</code></pre>
URL of the XSPF swf to use for display. Uses default player unless specified.
<pre><code>skin="xspf_player.swf"
</code></pre>
Set if the skin attribute points to a SWF of different dimensions.
<pre><code>width="400"

height="170"
</code></pre>
Set default volume level (in percent)
<pre><code>volume="50"
</code></pre>
Set the playlist to play in random order
<pre><code>randomize="1"
</code></pre>
Single Audio Track:
If you are looking to embed a single file, use the following short code.
Plays audio file with id of 1
<pre><code>[ti_audio media='201']
</code></pre>
Plays single audio file, set to auto play, repeat and volume at 60%
<pre><code>[ti_audio media='201' autoplay="1" repeat="1" volume="60"]
</code></pre>
Templates:
You can embed the audio player into any WordPress template. Much like the short code examples above, you can customize the values within your own templates. Here are all of the fields that you can specify should you choose. Omitting a field will set it to the plugin?s default values.
<pre><code><? if (function_exists ("ti_apm_print_player")) {

 print ti_apm_print_player (array(

 "name" => "Name of Playlist",

 "skin" => "/player/xspf_player_custom.swf",

 "autoplay" => "0",

 "repeat" => "0",

 "width" => "400",

 "height" => "170"

 )); 

} ?>
</code></pre>
To play a single audio file within your template, specify the following:
<pre><code><? if (function_exists ("ti_apm_print_player")) {

 ti_apm_print_player (array(

 "media" => "3"

 )); 

} ?>
</code></pre>
Inspiration and the story <a href="http://www.toughride.com/wordpress/how-to-embed-mp3-to-a-website-and-play-continuously-without-interruption-across-pages/" rel="nofollow ugc">Audio Playlist Manager with Autoresume</a> page.

Audio Playlist Manager with Autoresume

Audio Playlist Manager with autoresume has cool features for embedding mp3 audio into posts or templates. This plugin has the option to chose 'au …

pupunzi

This plug-in let you transform any mp3 file uploaded inside a post into an essential small HTML5 audio player with:
<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>
<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>
Watch this video to learn how to customize your player using the on line Skin Maker too:
<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>
Important! 
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>.
Links:
<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>
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>.
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.
Other WP plugins:
<ul>
<li>wp-YTPlayer. A Chromeless video player to play your Youtube videos as background of any WP page or post. 
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>
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).
Options:
<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>
Ubuntu Chromium issue
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: 
sudo apt-get-install chromium-codecs-ffmpeg-extra
After that your player should work fine.

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

Awesome Plug in!

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

Audio Playlist Manager with Autoresume vs mb.miniAudioPlayer – an HTML5 audio player for your mp3 files