TweetIn this tutorial am going to explain you how to create an audio player using HTML5 and Jquery. As I mentioned in my pervious article we can develop lots of application using HTML5 and jquery. So today we are going to create a cross browser music player in HTML5 and jquery.

This is a simple audio player without playlist. We can create advanced Jquery-HTML5 music player along with playlist and more button controls and visualization. You can view demo and download the example file below

Download FileDemo

    var player = '
\
    \
    \
    \
    \
    \
    \
    \
    
';									
    
    $(player).insertAfter("#listen #html5Player");
    
    audio = $('.player audio').get(0);
    loadingIndicator = $('.player #loading');
    positionIndicator = $('.player #handle');
    timeleft = $('.player #timeleft');

Top Λ