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 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
VIDEO TUTORIALS
Step 1: Installation: https://www.youtube.com/watch?v=VSHNdJYbkaI
Step 2: Manage Player Playlist and Settings: https://www.youtube.com/watch?v=JZQDkQnSliQ
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.
— Multiple Instances
You can insert multiple audio players on your website or on the same page.
— Multiple Parameters
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.
— Free Updates
Once you’ve bought the product, you can download for free, from your account, all the updated versions.
Notes for IOS (restrictions imposed by Apple):
1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.
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!
November 09, 2016