About Pop Audio Player WordPress & WooCommerce Plugin

Introducing Pop Audio Player, a powerful, responsive, and highly customizable audio player for .mp3 files, Shoutcast streams, and Icecast radio. Powered by Three.js and custom WebGL shaders, it delivers a next-generation listening experience with fullscreen multi-mode visualizers, real-time audio-reactive motion, cinematic feedback trails, and a clean interface that looks sharp on every screen.

Pop Audio Player is built for both showcase websites and production-ready audio projects. You can switch between normal and compact control layouts, display optional playlists, fine-tune colors and bloom effects, and create immersive visual styles that range from minimal spectrum bars to deep galaxy-inspired scenes.

Main features

Responsive Layout – Fully responsive and adaptable regardless of which device is used.

Desktop & Mobile Optimized – Works smoothly across major desktop and mobile browsers, including iPhone, iPad, iOS, Android, Mac, and Windows.

Lazy Scrolling/Loading – Optionally initialize the player only when it becomes visible in the page to improve loading performance.

Two-Way Controls – Use normal or compact controls, with the compact version able to fit at any width.

Keyboard Support – UP and DOWN ARROWS for volume, M for mute or unmute, SPACE for play or pause, and LEFT and RIGHT ARROWS for audio scrubbing.

Customizable Size – Set the player to any width or height and place it anywhere in your page, app, or layout.

Vector Skin – A crisp vector-based UI keeps the player sharp on both mobile and desktop screens.

Shoutcast And Icecast Support – Play radio stations using Shoutcast v2.0 or higher and Icecast v2.0 or higher, with artwork, artist, and title automatically pulled from the server.

External Sources & Cloud Storage – Stream .mp3 audio from Amazon S3, Google Drive, Dropbox, and other public cloud or direct links supported by the browser.

Single Media File Format – Only one format is required: .mp3 across desktop and mobile browsers.

Playlist Support – Optional playlist with title, artist, play or pause controls, like button support, and visualizer accents.

Preset Visualizer Modes – Choose from visual presets like Bars, Bars 2, Circular Bars, Circular Bars 2, Waves, Waves 2, Mountains, Spectralizer, Sphere, Sun, Love, Speak, Geometry, Galaxy, and more.

Audio-Reactive Shaders – Custom WebGL shaders react in real time to the music spectrum, driving motion, glow, shape, and atmosphere.

Cinematic Feedback Trails – Multi-pass FBO trail effects create smooth motion persistence for a more cinematic visualizer feel.

Color & Theme Controls – Fine-tune palettes, opacity, blending, and visual intensity to match your brand or mood.

Waves Tuning – Adjust wave count, amplitude, speed, frequency, and thickness for everything from subtle ambient visuals to energetic motion.

Bloom & Glow Effects – Add optional post-processing bloom and control its strength, radius, threshold, and tint.

Performance-Friendly Rendering – Rendering can pause when the player is off-screen and resume when it returns to view, which is useful on pages with multiple players.

Fully Customizable Controls – Buttons and scrubbers can be enabled, removed, or visually tuned to fit your interface.

Autoplay – Includes autoplay support. If blocked by the browser’s autoplay policy, playback can start on the user’s first interaction with the page. See this example.

Loop And Shuffle – Loop and shuffle can be enabled with or without visible control buttons.

Like Button – Display a like button in the playlist, in the player controls, or in both.

Artwork Image – Show customizable artwork thumbnails inside the player controls and playlist items.

Title And Artist – Display artist and title metadata in both the controls and the playlist.

Share Window – Built-in sharing window with nine supported platforms and customizable share button ordering.

Volume Button & Scrubber – Includes customizable volume controls and volume scrubber behavior.

Playback Rate Button & Scrubber – Let users change playback speed and define a default playback rate.

Magic Scrubbers Hit Point – Scrubbers can be visually thin while keeping a larger mouse and touch hit area for easier use on all devices.

Scrubbers Tooltips – Optional tooltips can display the current scrubber value in real time.

Encrypt Audio Source – Helps protect the audio source from being exposed directly in the page source.

Powerful API Included – Full API with methods and events, including source changes, playback control, and timeline event handling.

Google Analytics – Includes detailed Google Analytics integration. Video tutorial.

Detailed Documentation – Includes detailed documentation and support from the developer @Tibi – FWD. Online docs: JavaScript Documentation, WordPress Documentation.