Chameleon HTML5 Audio Player With/Without Playlist

IF YOU NEED THE WORDPRESS PLUGIN FOR THIS PRODUCT, YOU CAN DOWNLOAD IT FROM HERE : https://codecanyon.net/item/html5-audio-player-wordpress-plugin/4429751

You can use this product as a fully featured html5 audio player (check Playlist version examples) or just to add background music to your website (check Minimal version examples)

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.
In this manner you have the possibility to integrate this audio player in any design.

It supports .mp3 and .ogg audio files

FEATURES:

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.

Show/Hide Elements

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.

Mobile Compatible

It is compatible with IOS and Android operating systems.

Read Folder

Option to automatically generate the player playlist from a folder which contains the MP3 files.

Multiple Instances

You can insert multiple audio players on your website or on the same page.

Multiple Parameters

Over 35 js options from where you can customize your player, including: autoplay, loop, initial volume, show/hide playlist, show/hide playlist on init & color parameters.

Free Updates

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.

Note for Safari & Chrome (restrictions imposed by Apple & Google):
Starting with Safari 11, Firefox 66 and Chrome 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS

Cookies Note:
This product uses cookies, so you should add on your website the cookie consent notification.

Other Recommended Players

If you need additional information don’t hesitate to contact us at [email protected]. We’ll try to answer you as quickly as possible.

Enjoy!

UPDATES / RELEASE LOG

***Version 3.5.4 Release Date: May 12, 2023
- updates for 2023

***Version 3.5.3 Release Date: December 06, 2022
- updates for folder reading option

***Version 3.5.2 Release Date: February 12, 2022
- updates for 2022

***Version 3.5.1 Release Date: September 24, 2021
- read folder feature improvements

***Version 3.5.0 Release Date: June 24, 2021
- css modifications

***Version 3.5 Release Date: June 08, 2021
- "use strict" mode on
- updates to be compatible with jQuery 3.5+  

***Version 3.4 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 3.3 Release Date: November 25, 2020
- API function to play/pause the player from a button on the page

***Version 3.2.0.2 Release Date: July 17, 2020
- css modifications

***Version 3.2.0.1 Release Date: January 23, 2020
- updates for 2020

***Version 3.2.0 Release Date: August 21, 2019
- added player loading delay

***Version 3.2 Release Date: July 09, 2019
- replaced the .click(), .mouseover(), .mouseoout() etc functions with the equivalent .on()

***Version 3.1.0 Release Date: June 19, 2019
- removed error suppression

***Version 3.1 Release Date: January 23, 2018
- 'centerPlugin' parameter was added. By setting it 'true' the player will center on the page

***Version 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 2.9.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 2.9.8 Release Date: February 23, 2018
- bug fix which appeared on IOS when the playlist had not scroll

***Version 2.9.7 Release Date: February 14, 2018
- code improvements for touch navigation feature

***Version 2.9.6 Release Date: December 09, 2017
- when loop:false the pause button will be removed when the audio file reaches the end.

***Version 2.9.5.0 Release Date: September 21, 2017
- code improvements reading id3v2 tags

***Version 2.9.5 Release Date: April 09, 2017
- code improvements

***Version 2.9.4 Release Date: February 18, 2017
- bug fix: fixed a bug for continuous playback when shuffle was activated

***Version 2.9.3 Release Date: October 17, 2016
- bug fix: fixed a bug which appeared on IOS 10

***Version 2.9.2 Release Date: October 08, 2016 
- code improvements for playlist display

***Version 2.9.1 Release Date: July 02, 2016 
- code improvements

***Version 2.9 Release Date: June 26, 2016 
- bug fix: fixed a bug regarding play button and seekbar

***Version 2.8 Release Date: April 19, 2016
- feature: option to automatically generate the player playlist by reading the folder which contains the MP3 files

***Version 2.7 Release Date: January 15, 2016 
- code improvement

***Version 2.6.1 Release Date: October 2, 2015 
- code improvement: CSS modification

***Version 2.6 Release Date: January 28, 2015 
- code improvement: fixed IOS8 issues

***Version 2.5 Release Date: January 21, 2015 
- bug fix: fixed a bug regarding shuffle option. The last item in the playlist was never selected

***Version 2.4 Release Date: November 12, 2014
- bug fix: fixed an auto-play bug which appeared on Firefox since FF 31.0

***Version 2.3 Release Date: October 10, 2014 
- feature: added touch swipe scroll for playlist on mobile devices

***Version 2.2 Release Date: June 21, 2014
- feature: improved the cookie setting which was not working properly on some servers 

***Version 2.1 Release Date: May 23, 2014  
- small code improvements

***Version 2.0 Release Date: May 22, 2014 
- feature: continuous playback
- feature: shuffle

***Version 1.5 Release Date: April 15, 2013 
- bug fix: fixed a small bug which appeared when the playlist was hidden

***Version 1.4 Release Date: April 9, 2013
- feature: when having multiple instances on the same page and one is playing, the others will stop 

***Version 1.3 Release Date: March 22, 2013
- updates to the example files

***Version 1.2 Release Date: March 19, 2013 
- updated the product to be compatible with jQuery 1.9

***Version 1.1 Release Date: January 14, 2013 
- small code improvements

***Version 1.0 Release Date: December 4, 2012