You can customize this html5 audio player by changing the color for: player background, volume slider, timer, buffer, seekbar, song title, playlist background, playlist font and playlist item line separator. You can use it with playlist (check Playlist version examples) or without playlist (check Minimal version examples)
In this manner you have the possibility to integrate this audio player in any design.
It supports .mp3 and .ogg audio files
Customizable Color Scheme
The prebuilt controllers (play button, next track button etc.) come in black or white versions. Using the parameters you can select any color scheme for: player background, volume slider, timer, buffer, seekbar, song title, playlist background, playlist font and playlist item line separator. If needed, PSD files are included and you can change very easy the controllers, too.
You can set as visible or set as hidden, any element of the audio player according to your design and functionality needs: rewind button, play button, previous button, next button, mute button, volume slider, timer, buffer, seekbar, title section, playlist.
It is compatible with IOS and Android operating systems.
You can insert multiple audio players on your website or on the same page.
Over 35 options from where you can customize your player, including: autoplay, loop, initial volume, show/hide playlist, show/hide playlist on init & color parameters.
Once you’ve bought the product, you can download for free, from your account, all the updated versions.
Notes for IOS/Android (restrictions imposed by Apple/Google):
1. The autoplay will not work because IOS/Android disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS/Android. You’ll have to adjust the volume with physical buttons of the mobile device.
3. ShoutCast version below 2.0 doesn’t function on iOS 11. Please update ShoutCast server to at least v2.0
4. Icecast 2.4 kh4/kh5 do not function on iOS 11. Older versions (2.3.3 KH11) and standard Icecast 2.4.1 do function correctly. Please update IceCast server to latest version.
Note for Safari & Chrome (restrictions imposed by Apple & Google):
Starting with Safari 11 and Chrome 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS
If you need additional information don’t hesitate to contact us at email@example.com. We’ll try to answer you as quickly as possible.
Our other Visual Composer Add-Ons
UPDATES / RELEASE LOG
***Version 1.3.0 Release Date: May 25, 2018 - Chrome auto-play restriction for HTML5 audio & video tags fix - Safari 11 on Mac auto-play restriction for HTML5 audio & video tags fix ***Version 1.2.9 Release Date: April 19, 2018 - code improvements for reading the mp3 file total time - IOS & Android show play button when auto-play is activated ***Version 1.2.8 Release Date: February 23, 2018 - bug fix which appeared on IOS when the playlist had not scroll ***Version 188.8.131.52 Release Date: January 05, 2018 - when loop:false the pause button will be removed when the audio file reaches the end. ***Version 1.2.7 Release Date: October 04, 2017 - HTTPS compatibility ***Version 1.2.6 Release Date: July 07, 2017 - compatibility with VC 5.2 ***Version 1.2.5 Release Date: April 12, 2017 - code improvements ***Version 1.2.4 Release Date: April 01, 2017 - bug fix: fixed a bug for continuous playback when shuffle was activated ***Version 1.2.3 Release Date: October 18, 2016 - bug fix: fixed a bug which appeared on IOS 10 ***Version 1.2.2 Release Date: October 09, 2016 - code improvements for playlist display ***Version 1.2.1 Release Date: July 02, 2016 - code improvements ***Version 1.2 Release Date: February 19, 2016 - code improvements ***Version 1.1 Release Date: January 08, 2016 - code improvements ***Version 1.0 Release Date: October 6, 2015