<p>FWD Pop Audio Player is a next‑gen audio player powered by Three.js and WebGL shaders. It renders a real‑time organic sphere visualizer, supports playlists and likes, and plays .mp3 files plus Shoutcast and Icecast streams. It is fully responsive and optimized for mobile and desktop.</p>
<h3>Links</h3>
<ul>
<li><a href="https://fwdapps.net/p/ppop/" rel="nofollow ugc">Homepage</a></li>
<li><a href="https://fwdapps.net/p/ppop/#demos" rel="nofollow ugc">Demos</a></li>
<li><a href="https://fwdapps.net/p/ppop/#features" rel="nofollow ugc">Features</a></li>
<li><a href="https://fwdapps.net/p/ppop/javascript-documentation.html" rel="nofollow ugc">JavaScript Documentation</a></li>
<li><a href="https://fwdapps.net/p/ppop/wordpress-documentation.html" rel="nofollow ugc">WordPress Documentation</a></li>
<li><a href="https://fwdapps.net/contact" rel="nofollow ugc">Support</a></li>
</ul>
<h3>Highlights</h3>
<p><strong>Three.js + WebGL Visualizer</strong> – Real‑time organic sphere visualizer driven by shaders and audio data.</p>
<p><strong>Responsive Layout</strong> – Fully responsive and adaptable to any device and orientation.</p>
<p><strong>Playlist & Controls</strong> – Optional playlist with artwork, artist/title, like button, share window and playback controls.</p>
<p><strong>Shoutcast & Icecast</strong> – Radio stream support with automatic track metadata/artwork when available.</p>
<p><strong>Highly Customizable</strong> – Control colors, sizes, scrubbing, playback rate, visibility and behavior for nearly every UI element.</p>
<h3>Main Features</h3>
<ul>
<li><strong>Desktop & Mobile Optimized</strong> – iOS, Android, and desktop browsers supported.</li>
<li><strong>Lazy Scrolling/Loading</strong> – Initialize only when the player becomes visible on the page.</li>
<li><strong>Two‑Way Controls</strong> – Normal or compact controls, with customizable compact width.</li>
<li><strong>Vector Skin</strong> – Sharp on any display.</li>
<li><strong>Customizable Size</strong> – Set any width/height and place it anywhere on the page.</li>
<li><strong>Organic Sphere Visualizer</strong> – Fully customizable shader‑based sphere with two dynamic lights.</li>
<li><strong>Particles (Optional)</strong> – Particle field that reacts to bass/mids/treble.</li>
<li><strong>Audio Formats</strong> – Single .mp3 format across browsers, plus Shoutcast & Icecast streams.</li>
<li><strong>External Sources & Cloud Storage</strong> – Play from any public URL (S3, Google Drive, Dropbox, etc.).</li>
<li><strong>Playlist</strong> – Artwork, artist/title, like button, and mini visualizer per track.</li>
<li><strong>Like Button</strong> – Available in playlist and/or controls.</li>
<li><strong>Share Window</strong> – Nine platforms with configurable order.</li>
<li><strong>Artwork Image</strong> – Optional artwork in controls and playlist.</li>
<li><strong>Title & Artist</strong> – Optional in controls and playlist.</li>
<li><strong>Autoplay, Loop, Shuffle</strong> – Optional playback behaviors, with browser‑policy compliant autoplay.</li>
<li><strong>Playback Rate</strong> – Adjustable playback rate with scrubber.</li>
<li><strong>Volume Button & Scrubber</strong> – Customizable volume control.</li>
<li><strong>Magic Scrubber Hit Area</strong> – Larger hit area for easy scrubbing on mobile.</li>
<li><strong>Scrubbers Tooltips</strong> – Tooltip feedback for scrubbers.</li>
<li><strong>Keyboard Support</strong> – Space/Arrow/M shortcuts for play, scrub and volume.</li>
<li><strong>Audio Source Encryption</strong> – Optional source obfuscation.</li>
<li><strong>Google Analytics</strong> – Track playback events.</li>
<li><strong>Full API</strong> – API methods and events for advanced integrations.</li>
</ul>
<h3>Configuration</h3>
<p>After activation, open the FWD Pop Audio Player menu in the WordPress admin and create:<br />
1. A <strong>Preset</strong> (player settings)<br />
2. A <strong>Playlist</strong> (tracks and metadata)</p>
<p>Then use the shortcode below in any post/page.</p>
<h3>Shortcode</h3>
<p>Basic example:</p>
<p>[fwdpop preset_name=”Preset 1″ playlist_name=”Playlist 1″]</p>
<h3>WooCommerce</h3>
<p>Place the shortcode in the product description to replace the default gallery with the player.</p>
<h3>External services</h3>
<p>This plugin uses the following third-party/external services:</p>
<ol>
<li>Google Analytics (Google Tag Manager script)</li>
</ol>
<p>– What it is used for: optional playback analytics/events.<br />
– When it is used: only if a Google Analytics tracking code is configured in the plugin.<br />
– What data is sent: playback event data such as track URL and track info (artist/title) when playback starts.<br />
– Service provider: Google.<br />
– Terms of service: https://policies.google.com/terms<br />
– Privacy policy: https://policies.google.com/privacy</p>
<ol>
<li>Apple iTunes Search API</li>
</ol>
<p>– What it is used for: retrieve track artwork for Shoutcast and Icecast streams when the player updates the current song metadata.<br />
– When it is used: when a Shoutcast or Icecast stream is played and the plugin refreshes the current artist/title metadata.<br />
– What data is sent: the current track artist name and title are sent in the search request to look up matching artwork. The request is made from the visitor browser directly to <code>itunes.apple.com</code>.<br />
– Service provider: Apple.<br />
– Terms of service: https://www.apple.com/legal/internet-services/terms/site.html<br />
– Privacy policy: https://www.apple.com/legal/privacy/</p>
<ol>
<li>ipify API</li>
</ol>
<p>– What it is used for: obtain the visitor public IP address to limit repeated likes from the same IP.<br />
– When it is used: when a user clicks the Like action.<br />
– What data is sent: the visitor browser sends a request to <code>api.ipify.org</code> and receives the visitor public IP address, which the plugin uses to prevent duplicate likes from the same IP address.<br />
– Service provider: ipify.<br />
– Terms of service: https://www.ipify.org/#terms-of-service<br />
– Privacy policy: https://www.ipify.org/#privacy-policy</p>
<h3>Development</h3>
<p>This plugin’s full source code is publicly available for transparency and verification.<br />
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.</p>
<ul>
<li><a href="https://fwdapps.net/d/js/ppop.zip" rel="nofollow ugc">Source code & build tools</a> — includes original uncompiled files and Vite build configuration.</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>


FWD Pop Audio Player

Powerful and extremely customizable 3D audio player with an organic sphere visualizer, playlist support, and Shoutcast/Icecast playback.

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.

FWD Pop Audio Player vs Shoutcast Icecast HTML5 Radio Player