Spectrum Audio Player

Powerful and extremely customizable responsive audio .mp3, Shoutcast and Icecast player for your website, it runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android, Windows mobile or desktop*.

A tons of features

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

Desktop & Mobile Optimized – SAP will adapt to any screen size and any device, wheater you are using a mobile phone (IOS, Iphone, Android) or on your desktop browser.

Lazy Scrolling/Loading – Option to initialize SAP on scroll when the audio player is visible in the page, this way for example if the audio player is in a section that is not visible it will not be initialized, instead SAP will be initialized only when the user will scroll to the section in which the audio player is added.

Two Display Types – One or more gallery instance can be used and each instance can be configured individually.

SAP can be added anywhere in the page using the responsive display type or sticky display type at the bottom of the page over the page content. The audio player width and height can be set as you want.

Real Time Spectrum Visualizer – Six real time spectrum visualizers presets for audio files with customizable color theme and even gradient color theme, it is even possible to use the audio spectrum visualizer sticky at the bottom of the page over the page content and if you like to fill the entire player viewport.

External Sources & Cloud Storage – Play mp3 files from many external sources including Amazon S3, Google Drive, other cloud storage platforms like Dropbox or any public link that can play in a browser.

Shoutcast And Icecast Support – SAP an play radio station using Shoutcast v2.0 or higher and Icecast v2.0 or higher, the song artwork thumbnail, artist and title will be grabbed from the server automaitcally.

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

Start Or Stop At a Specific Time – USAP can be set to start or stop at a specific time in the form of [hours]:[minutes]:[seconds], example here.

Vector Skin – Everything is vector based this will make the player look sharp on all devices mobile or desktop.

Customizable Controls – All buttons with the exception of play buttons can be removed, this applies to the scrubbers as well, also the controls can be all added on a single line centered.

Keyboard Support – UP & DOWN ARROWS: volume up or volume down, M:mute / unmute, SPACE: play / pause, LEFT & RIGHT ARROWS: scrub audio.

Artwork Image – Customizable thumbnail image artwork for the playing .mp3 file.

Share Window – Share window with nine sharing platforms, the order of the share buttons and the the share buttons can be set as you want.

Volume Button & Scrubber – Customizable volume and volume scrubber.

Playback Rate Button & Scrubber – Customizable playback rate button and scrubber, change the audio file playback rate speed, the default playback rate speed can be set by default.

Magic Scrubbers Hit Point – All scrubbers like, the volume scrubber, main audio scrubber or the playback rate scrubber size can be set to any size, and the actual mouse/finger hit point is much larger than the visual scrubber size so even if the visual size of the scrubber is 1px thin, the user will be able to scrub with ease both on mobile and desktop machines.

Magic Audio Scrubber – The possibility to disable the audio scrubber or completely remove it.

Scrubbers Tooltips – Customizable scrubbers tooltips that show the current value.

Powerful API Included – Full set of API methods and API events, for example change the audio source using the API and listening for specific events like when the time is updating…

Encrypt Audio Source – Using this feature will not allow a user or boot to see or steal the audio source from the page source. This can be used for all supported formats.

Version 2.0 Release Date 28.08.2024

• Added support for WooCommerce.

Version 1.1 Release Date 27.02.2023

• Added support for the spectrum audio visualizer to fill the entire player viewport, example here.