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. This is an addon / extension for WPBakery Page Builder (formerly Visual Composer).
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 firstname.lastname@example.org. We’ll try to answer you as quickly as possible.
Our other Visual Composer Add-Ons
UPDATES / RELEASE LOG
***Version 1.5 Release Date: January 23, 2021 - moved html5 audio tag inside the script so that it will not be affected by the incorrect usage of mediaelement library ***Version 1.4 Release Date: November 25, 2020 - API function to play/pause the player from a button on the page ***Version 126.96.36.199 Release Date: July 17, 2020 - css modifications ***Version 188.8.131.52 Release Date: February 04, 2020 - updates for 2020 ***Version 1.3.3 Release Date: August 22, 2019 - added player loading delay ***Version 1.3.2 Release Date: July 09, 2019 - replaced the .click(), .mouseover(), .mouseoout() etc functions, from the plugin JS file, with the equivalent .on() ***Version 1.3.1 Release Date: January 30, 2019 - 'Center Plugin' option improvements ***Version 184.108.40.206 Release Date: October 05, 2018 - multiple code improvements ***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 220.127.116.11 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