This HTML5 Audio Player is ideal to add background music to your website because it will ensure a continuous and smooth playback across your entire website.
IF YOU NEED THE WORDPRESS PLUGIN FOR THIS PRODUCT, YOU CAN DOWNLOAD IT FROM HERE : http://codecanyon.net/item/sticky-html5-music-player-wordpress-plugin/7796273
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
When you’ll change the page, the player will continue from the previous minute. Also, the volume will remain as previously set. This will ensure a smooth playback across your entire website. Due to the latest autoplay restrictions imposed by the browsers, this feature will work correctly only on Chrome and IE.
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.
It is compatible with IOS and Android operating systems.
Set the position
You can position the player left, center or right on the page. Also, available parameters to fine tune the position with bottom and left/right margins
Small Or Big on Initialization
Parameter to load the player minimized or maximized when the page is opened.
You can set as visible or set as hidden: previous button, next button, shuffle button
Option to automatically generate the player playlist from a folder which contains the MP3 files.
Over 30 js options from where you can customize your player, including: autoplay, loop, initial volume, shuffle & 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.
Note for Safari, Chrome & Firefox (restrictions imposed by Apple & Google):
Starting with Safari 11, Chrome 66 and Firefox 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS.
Other Recommended Players
Keywords: html5,audio,html5 audio player,html5 mp3 player,music,jquery,music player,ios,mobile,playlist,continuous,playback,sticky,footer,audioplayer
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.
UPDATES / RELEASE LOG
***Version 2.6 Release Date: January 30, 2021 - moved html5 audio tag inside the script so that it will not be affected by the incorrect usage of mediaelement library ***Version 2.5.2 Release Date: July 23, 2020 - css modifications ***Version 2.5.1 Release Date: February 05, 2020 - updates for 2020 ***Version 2.5 Release Date: June 29, 2019 - replaced the .click(), .mouseover(), .mouseoout() etc functions with the equivalent .on() ***Version 2.4.0 Release Date: January 29, 2019 - updates for jQuery version ***Version 2.4 Release Date: December 05, 2018 - increased the playlist scroll when using mouse wheel ***Version 2.3 Release Date: June 26, 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.2 Release Date: April 27, 2018 - new parameters called 'cookieExpirationDays' used to set the cookie (used for continuous playback on all pages) expiration time in days ***Version 2.1 Release Date: April 04, 2018 - code improvements for reading the mp3 file total time - IOS & Android show play button when auto-play is activated ***Version 2.0.1 Release Date: February 26, 2018 - bug fix ***Version 2.0 Release Date: February 14, 2018 - code improvements ***Version 1.9 Release Date: January 10, 2018 - code improvements for touch navigation feature ***Version 126.96.36.199 Release Date: September 21, 2017 - code improvements reading id3v2 tags ***Version 1.8.2 Release Date: January 21, 2017 - bug fix: fixed a bug for continuous playback when shuffle was activated ***Version 1.8.1 Release Date: October 17, 2016 - bug fix: fixed a bug which appeared on IOS 10 ***Version 1.8 Release Date: April 25, 2016 - feature: option to automatically generate the player playlist by reading the folder which contains the MP3 files ***Version 1.7 Release Date: January 15, 2016 - code improvement ***Version 1.6 Release Date: January 28, 2015 - code improvement: fixed IOS8 issues ***Version 1.5 Release Date: October 11, 2014 - feature: added touch swipe scroll for playlist on mobile devices ***Version 1.4 Release Date: August 29, 2014 - bug fix: fixed an auto-play bug which appeared on Firefox since FF 31.0 ***Version 1.3 Release Date: June 20, 2014 - feature: improved the cookie setting which was not working properly on some servers ***Version 1.2 Release Date: May 23, 2014 - code improvements ***Version 1.1 Release Date: May 17, 2014 - bug fix: mute button state is saved now, when the page is changed ***Version 1.0 Release Date: May 16, 2014Source