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.

Sandeep Verma

<p>HTML5 MP3 Radio FM MP3 Stream Player use  Radio streams directly from Shoutcast and Icecast Server and play in HTML5 <audio> element.</p>
<p>Please make sure use latest versions of radio server like Shoutcast V2 and Icecast V2</p>
<h4>Free Shoutcast Icecast HTML5 Radio Player…</h4>
<ul>
<li>MP3 Podcast support added to HTML5 MP3 Radio FM MP3 Stream Player </li>
<li>HTML5 MP3 Radio FM MP3 Stream Player supports custom background color </li>
<li>HTML5 MP3 Radio FM MP3 Stream Player allows Player Default Artwork Image</li>
<li>HTML5 MP3 Radio FM MP3 Stream Player have custom Stream Title & Artist Info</li>
<li>HTML5 MP3 Radio FM MP3 Stream Player have Social Profile Link</li>
</ul>
<h4>Only HTTPS / SSL Radio Streams will play in Google Chrome 80+</h4>
<p>As per Google Chrome 80+, mixed content is no longer supported. If the radio stream is without SSL and the website is with SSL, the radio stream will no longer be played. The solution is to set the stream to SSL.</p>
<p>Read Here: <a href="https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html" rel="nofollow ugc">https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html</a></p>
<p>Please make sure Protocols of Radio Live Stream and Website must be same. If your website running in Https (Secure) and your radio stream is Http (Unsecure) then browsers will not play that stream and throw Mixed Content Error in browser console log.</p>
<h4>HTTPS Secure Radio Streams</h4>
<ul>
<li>Are you using HTTP Radio Stream providers?</li>
<li>Do you need SSL/HTTPS Radio Stream for Icecast and Shoutcast?</li>
</ul>
<p><a href="https://www.radioforge.com/https-secure-radio-streams/" rel="nofollow ugc">Subscribe Now and get your HTTPS Secure Radio Stream URL</a></p>
<h4>Pro Shoutcast Icecast HTML5 Radio Player…</h4>
<ul>
<li>Self Hosted Plugin Files</li>
<li>Customize Skin, Color & Size of player using CSS</li>
<li>Current playing song info for Shoutcast / Icecast Server</li>
<li>Customize social share (Twitter, Facebook, Google+)</li>
<li>Radiosolution Player Autoplay Option</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/XPg7jc0ycNs?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><a href="https://www.radioforge.com/" rel="nofollow ugc">Try Free HTML5 MP3 Radio FM MP3 Stream Player</a><br />
<a href="https://www.radioforge.com/html5-radio-player/" rel="nofollow ugc">Create HTML5 Radio Player Non WordPress</a><br />
<a href="https://www.svnlabs.com/store/product/html5-radio-stream-player/" rel="nofollow ugc">Buy HTML5 MP3 Radio MP3 Stream Player</a></p>
<h4>Features</h4>
<ul>
<li>Setup and Configure Radio server and then stream it directly onto your wordpress website.</li>
<li>Custom Artwork Image </li>
<li>Volume Control</li>
<li>Social Links</li>
</ul>
<h3>Support</h3>
<p>For support please visit https://www.svnlabs.com/store/contact/</p>


Shoutcast Icecast HTML5 Radio Player

A secure HTML5 radio player for Shoutcast, Icecast, and podcast streams with social sharing.

mb.miniAudioPlayer – an HTML5 audio player for your mp3 files vs Shoutcast Icecast HTML5 Radio Player