Audio Player Essentials
There are a lot of audio players around but very few of them are suitable for responsive page designs since the controls are too small for touch devices like the iPad and iPhone.
This design was commisioned by a music publishing company who needed a player with a large play/pause button, track title and artist name and a progress bar which was large enough for the visitor to tap and drag.
As with any media player suitable for responsive designs, the audio files can be prevented from downloading until the play button is clicked or tapped. This is essential when more than a couple of tracks are inserted on a page to ensure that the download time is not effected.
The background image option was required for inserting the album artwork.
Unlike the EverWeb default audio player, this one uses no images and only one tiny Javascript file that weighs in and only 3KB making it suitable for mobile use.