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>

FWD Pop Audio Player

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

Santiago Jiménez H.

Radio Player Page provides dedicated, standalone player pages for your radio broadcasts on WordPress. It lets you create a full weekly radio schedule, manage your broadcasts, and present everything on pages designed for reliable playback without theme conflicts.
<h4>The Power of Standalone Player Pages</h4>
<ul>
<li>Standalone Player Pages – Each station lives on its own independent HTML page, completely bypassing your WordPress theme. This ensures zero theme conflicts, optimal performance, and one clear URL per station.</li>
<li>Full Radio Scheduling – Create a weekly lineup with named radio shows and optional logos. The player intelligently displays the current and next radio show, with timezone-aware calculations and overlap prevention.</li>
<li>Universal Stream Compatibility – Works seamlessly with Icecast, Shoutcast, HLS (.m3u8), DASH (.mpd), and MP3 streams. Automatic protocol detection with native iOS Safari support for HLS.</li>
</ul>
<h4>Broadcast Management</h4>
<ul>
<li>Multi-Station Control – Manage multiple independent stations from a single WordPress installation, each with its own stream, schedule, and branding.</li>
<li>Broadcast Timezone Clock – Keep a global audience informed. When your station’s timezone differs from the listener’s, a discreet clock shows the station’s local time and the offset.</li>
<li>Media Session API – Professional integration with device lock screens and media controls, displaying station art and info.</li>
<li>Radio Schedule Block – Add a Gutenberg block (Block Editor) to any post or page to display the full weekly radio schedule for a selected station. Design is controlled by the editor and theme (Block Supports, theme.json).</li>
<li>Radio Shows List Block – Add a Gutenberg block to list all radio shows for a selected station, with optional image, extended description, and broadcast schedule.</li>
</ul>
<h4>Listener Experience</h4>
<ul>
<li>Informed Listening – The player clearly shows what’s on air now and what’s coming next.</li>
<li>Visual Customization – Choose from 8 color themes and 4 real-time audio visualizers (powered by Web Audio API) to match your station’s brand.</li>
<li>Station Branding – Upload custom background images and logos for each station.</li>
<li>Convenience Features – Sleep timer, responsive design, and social sharing meta tags for rich link previews.</li>
</ul>
Built for Modern Web Performance 
The player is a self-contained application built with React 19, TypeScript, and Vite, ensuring a fast, accessible, and maintainable experience. It uses manifest-based asset loading for seamless updates.

Radio Player Page

Dedicated player pages for your radio stations, with scheduling and continuous playback.

FWD Pop Audio Player vs Radio Player Page