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 …

codepeople

CP Media Player – Audio and Video Player features:
♪ Publish Audio and Video players anywhere 
♪ Support for audio and video files: MP4, OGG, WebM, MP3, M4A, WAV 
♪ Support WebSRT subtitle files 
♪ Allow playlist 
♪ Allow downloading 
♪ Supported most popular browsers: Edge, Firefox, Chrome, Safari, Opera, Brave, IE… 
♪ Supported by mobile devices: iPhone, iPad, and Android devices
CP Media Player – Audio and Video Player allows playing multiple file formats: MP4, OGG, WebM, MP3, WAV, and loading WebSRT subtitle files. CP Media Player – Audio and Video Player is based on MediaElement.js, supporting all browsers that implement the HTML5 standard.
<blockquote>
To make the players responsive, essential in mobile devices, enter the player’s width in percentage, Ex. 100%
</blockquote>
Other Features
<ul>
<li>Allows publishing audio and video players anywhere(posts, pages, or directly on template files).</li>
<li>Support popular audio and video files: MP4, M4A, OGG, WebM, MP3, WAV, and WebSRT subtitle files.</li>
<li>Includes several skins with the audio and video player.</li>
<li>Supports most browsers on the web: Edge, Firefox, Chrome, Safari, Opera, Brave, IE, etc. As well as mobile devices such as iPhone, iPad, and Android.</li>
</ul>
<blockquote>
The plugin allows you to associate directories to the players to generate playlists with the contained media files (use “/” to load all media files in the “Uploads” directory and subdirectories).
</blockquote>
Premium Features
<a href="https://cpmediaplayer.dwbooster.com/download" rel="nofollow ugc">Premium features</a> are available in the pro version to extend the capabilities of the plugin:
<ul>
<li>Allows <a href="https://cpmediaplayer.dwbooster.com/documentation#protecting-audio-files" rel="nofollow ugc">protecting the audio files</a>. If FFmpeg is installed on the server, the plugin allows you to protect the audio files by embedding a watermark audio layer and generating truncated copies of files for demos.</li>
<li>Allows <a href="https://cpmediaplayer.dwbooster.com/documentation#paypal-integration" rel="nofollow ugc">selling files</a> from the player. It uses PayPal as the payment gateway. Payments are SCA ready (Strong Customer Authentication), compatible with the new Payment services (PSD 2) – Directive (EU)</li>
<li>Includes sales reports.</li>
</ul>
The plugin includes the integration with the following editors:
<ul>
<li>Gutenberg Editor.</li>
<li>Classic WordPress Editor.</li>
<li>Elementor.</li>
</ul>
For other editors, insert the player’s shortcodes into general-purpose blocks orm modules, like text or HTML.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YJSkEdkDJM8?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>
Demo of Premium Version of Plugin
<a href="https://demos.dwbooster.com/audio-and-video/wp-login.php" title="Click to access the Administration Area demo" rel="nofollow ugc">https://demos.dwbooster.com/audio-and-video/wp-login.php</a>
<a href="https://demos.dwbooster.com/audio-and-video/" title="Click to access the Public Page" rel="nofollow ugc">https://demos.dwbooster.com/audio-and-video/</a>
Additional details about the “CP Media Player – Audio and Video Player” plugin by visiting its website:
<a href="https://cpmediaplayer.dwbooster.com" title="Audio and Video Player" rel="nofollow ugc">https://cpmediaplayer.dwbooster.com</a>
<h3>Using the Music and Video Player</h3>
Generating the players directly on the pages and posts
Audio players
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YJSkEdkDJM8?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>
Video Player
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/QG5gGBnVqB0?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>
It is possible to generate the player by coding entering the player and items shortcodes into the page’s content:
<pre><code>[cpm-player skin="ball-skin" width="100%" playlist="true" type="audio"]
[cpm-item file="http://www.wp.local/wp-content/uploads/2018/11/1.mp3"]Audio 1[/cpm-item]
[cpm-item file="http://www.wp.local/wp-content/uploads/2018/11/2.mp3"]Audio 2[/cpm-item]
[cpm-item file="http://www.wp.local/wp-content/uploads/2018/11/3.mp3"]Audio 3[/cpm-item]
[/cpm-player]
</code></pre>
To generate the player loading the audio files from the “/wp-content/uploads/2020” directory:
<pre><code>[cpm-player skin="ball-skin" width="100%" playlist="true" type="audio" dir="2020" /]
</code></pre>
The player can load the audio files indicating the directory only. It allows you to add new files to the directory or delete the existing ones, and the player will update the playlist dynamically.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/O-IAv4Ij-_0?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>
The complete list of attributes supported by the shortcodes is available on the <a href="http://cpmediaplayer.dwbooster.com/documentation#cpm-player-attributes" title="The attributes supported by the shortcodes" rel="nofollow ugc">documentation page of the plugin</a>.
Generating the audio and video players from the players gallery
<blockquote>
To make the players responsive, essential in mobile devices, enter the player’s width in percentage, Ex. 100%
</blockquote>
Configure the players from the gallery allows you to insert the same player on multiple websites’ pages or posts.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/WS449LCClA8?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>
The detailed description of the players’ settings is available in the following link: <a href="http://cpmediaplayer.dwbooster.com/documentation#creating-players-through-players-gallery" title="Creating the players through the players' gallery" rel="nofollow ugc">Creating the players through the players’ gallery</a>
The <a href="https://cpmediaplayer.dwbooster.com/download" rel="nofollow ugc">premium version of CP Media Player – Audio and Video Player</a> allows you to sell files from the players. <a href="http://cpmediaplayer.dwbooster.com/documentation#paypal-integration" title="Configuring the integration with PayPal" rel="nofollow ugc">Configuring the integration with PayPal</a>.
Other recommended plugins
<ul>
<li><a href="https://wordpress.org/plugins/music-player-for-woocommerce/" title="Music Player for WooCommerce" rel="ugc">Music Player for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/music-player-for-easy-digital-downloads/" title="Music Player for Easy Digital Downloads" rel="ugc">Music Player for Easy Digital Downloads</a></li>
</ul>

CP Media Player – Audio Player and Video Player

CP Media Player - Audio and Video Player supported by major browsers, such as IE, Firefox, Opera, Safari, Chrome, and mobile devices: iPhone, iPad, An …

Audio Playlist Manager with Autoresume vs CP Media Player – Audio Player and Video Player