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

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

Alternatives to FWD Pop Audio Player

Top alternatives