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 …

Freemius

smartwpress

Music Player for Elementor is a professionally designed audio player for WordPress. Promote your music and discography in a stylish way, with a dedicated music player Elementor widget that is very flexible and easy to use. The audio player WordPress plugin is perfect for musicians, music bands, music stores, artists, record labels, recording studios, DJs, podcasters, digital product stores and anyone working in the music industry. You can also integrate the Elementor music player with your eCommerce website, to promote and sell your music.
★★★★★ 
Best In Class: Music Player For Elementor
<blockquote>
“Most customizable and reliable Elementor audio player I’ve used. Great design, easy to use, and excellent support from the developer.” by – <a href="https://wordpress.org/support/users/defytracks/" rel="ugc">Ben Davidson</a>
</blockquote>
★★★★★ 
absolutely PERFECT
<blockquote>
“This is amazing for new artists or those who are self-hosting audio samples. The UI for the widget is awesome and intuitive, and the output is clean and device friendly.” by – <a href="https://wordpress.org/support/users/jrevillini/" rel="ugc">James Revillini</a>
</blockquote>
★★★★★ 
Good quality plugin
<blockquote>
“Been looking for a simple widget for adding music on an Elementor page and this is bringing more functionality than I was expecting. Well developed and working great. Thanks!” by – <a href="https://wordpress.org/support/users/dcgavril/" rel="ugc">Dan-Claudiu G.</a>
</blockquote>
★★★★★ 
Best player plugin
<blockquote>
“After using other plugins, it was a relief when I found Music Player. Easy to setup and it does exactly what I need. Thanks!” by – <a href="https://wordpress.org/support/users/dickscholten/" rel="ugc">dickscholten</a>
</blockquote>
<h3>EASY-TO-USE ELEMENTOR MUSIC PLAYER</h3>
No initial configuration is needed to use the audio player. Install the plugin, edit any page in Elementor and drag the music player widget anywhere on your page. Using our Elementor music player, you can add songs to your playlist or remove existing songs from your playlist, customize the audio player images, connect with WooCommerce by adding purchase links for your entire album or for individual songs, change the audio player layout or add individual promo links for each song.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6CagCkhVauI?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>
<h3>PROFESSIONAL DESIGN</h3>
Music Player for Elementor is a professionally designed Elementor audio player widget that will enhance the overall look of your website. This customizable MP3 music player offers a sleek, modern design that enhances both the functionality and visual appeal of your site. Whether you’re showcasing music tracks, podcasts, or playlists, this HTML5 audio player provides style and seamless performance. With extensive design options, you can easily tailor every element to suit your brand, making it the perfect audio player for Elementor.
<h3>FEATURES (FREE)</h3>
<ul>
<li>Two Elementor audio player widgets</li>
<li>Unlimited songs in your playlist</li>
<li>Custom cover image for your music player</li>
<li>Custom background image for the playlist area</li>
<li>Option to set up the album title, promo text, album promo message and link to external music stores</li>
<li>YouTube and SoundCloud custom link for each song in the playlist</li>
<li>Option to add custom purchase link for each song</li>
<li>Two different position for the controls bar (top and bottom)</li>
<li>Option to hide album details and show only the playlist</li>
<li>Control playlist paddings (responsive controls)</li>
<li>Custom vibrant color applied to the entire audio player design</li>
<li>Custom color for the hover state</li>
<li>Custom background color for controls bar</li>
<li>Custom left/right distance for the controls bar</li>
<li>Dynamic tag compatibility with Elementor and Advanced Custom Fields (ACF) / Secure Custom Fields (SCF) – automatically load audio URL from custom meta</li>
<li>Music player templates import</li>
</ul>
<h3>PRO VERSION AVAILABLE</h3>
<ul>
<li>All free features</li>
<li>Unlimited colors and custom fonts for layout elements: music player title, featured text, tracks, active text color, purchase icons.</li>
<li>Playback speed control for the Elementor compact audio player widget</li>
<li>Autoplay when page loads (the autoplay functionality depends on the browser autoplay policy)</li>
<li>Shuffle and repeat buttons</li>
<li>WooCommerce integration: add to cart option for each song </li>
<li>Link each song to popular streaming platforms: Spotify, Amazon Music, Apple Music, YouTube Music and Beatport.</li>
<li>Set a modern gradient background for layout elements (buttons, audio player controls)</li>
<li>Option to remove the music player left cover</li>
<li>Option to change the album cover aspect ratio (square/portrait)</li>
<li>Add color overlays for left and right covers, to improve text readability</li>
<li>Custom field for album description</li>
<li>New layout style to promote your album description </li>
<li>Option to move the controls bar to the bottom of the audio player</li>
<li>Option to add individual cover image for each song</li>
<li>Premium audio player templates import</li>
<li>Embed music player using shortcode</li>
<li>Compact audio player option to trigger the mobile view in tablet mode</li>
<li>Priority Email Support</li>
</ul>

Music Player for Elementor – Audio Player & Podcast Player

Audio Player for Elementor – the go-to plugin for adding MP3s, podcasts & playlists. Fully customizable, WooCommerce-ready, and mobile-friendly.

Audio Playlist Manager with Autoresume vs Music Player for Elementor – Audio Player & Podcast Player