FWD Plasmic Audio Player

js and WebGL shaders. mp3 files plus Shoutcast and Icecast streams. It is fully responsive and optimized for mobile and desktop.

Links

• Homepage

• Demos

• Features

• JavaScript Documentation

• WordPress Documentation

• Support

Highlights

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.

Main Features

• Desktop & Mobile Optimized – iOS, Android, and desktop browsers supported.

• Lazy Scrolling/Loading – Initialize only when the player becomes visible on the page.

• Two‑Way Controls – Normal or compact controls, with customizable compact width.

• Vector Skin – Sharp on any display.

• Customizable Size – Set any width/height and place it anywhere on the page.

• Organic Sphere Visualizer – Fully customizable shader‑based sphere with two dynamic lights.

• Particles (Optional) – Particle field that reacts to bass/mids/treble.

• Audio Formats – Single.mp3 format across browsers, plus Shoutcast & Icecast streams.

• External Sources & Cloud Storage – Play from any public URL (S3, Google Drive, Dropbox, etc.).

• Playlist – Artwork, artist/title, like button, and mini visualizer per track.

• Like Button – Available in playlist and/or controls.

• Share Window – Nine platforms with configurable order.

• Artwork Image – Optional artwork in controls and playlist.

• Title & Artist – Optional in controls and playlist.

• Autoplay, Loop, Shuffle – Optional playback behaviors, with browser‑policy compliant autoplay.

• Playback Rate – Adjustable playback rate with scrubber.

• Volume Button & Scrubber – Customizable volume control.

• Magic Scrubber Hit Area – Larger hit area for easy scrubbing on mobile.

• Scrubbers Tooltips – Tooltip feedback for scrubbers.

• Keyboard Support – Space/Arrow/M shortcuts for play, scrub and volume.

• Audio Source Encryption – Optional source obfuscation.

• Google Analytics – Track playback events.

• Full API – API methods and events for advanced integrations.

Configuration

After activation, open the FWD Plasmic 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.

Shortcode

Basic example:

[fwdpap preset_name=”Preset 1″ playlist_name=”Playlist 1″]

WooCommerce

Place the shortcode in the product description to replace the default gallery with the player.

External services

This plugin uses the following third-party/external services:

• Google Analytics (Google Tag Manager script)

– 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.

com/terms

com/privacy

• Apple iTunes Search API

– 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. com.

– Service provider: Apple.

html

com/legal/privacy/

• ipify API

– 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.

org and receives the visitor public IP address, which the plugin uses to prevent duplicate likes from the same IP address.

– Service provider: ipify.

org/

org/

Development

This plugin’s full source code is publicly available for transparency and verification.

Developed and maintained by FutureWebDesign.

• Source code & build tools — includes original uncompiled files and Vite build configuration.

• Distributed plugin uses a compiled build generated by Vite for optimal performance.