Published: 3 years ago

HTML5 Music Player

Get the updated version here HTML5 Music Player 1.0.1

Remember that awesome music player psd created by Orman Clark? Well here is the matching jQuery plugin. Enjoy :)

media-box

Usage:

  //Initialize the plugin
   $('body').ttwMusicPlayer(myPlaylist, {options});

   //You can specify the following options in the options object:
   {
        currencySymbol:'$',
        buyText:'BUY',
        tracksToShow:5,
        autoplay:false,
        ratingCallback:function(index, playlistItem, rating){
                //some logic to process the rating, perhaps through an ajax call
        }
   }
//Build your playlist. The playlist uses the same format s jPlayer (an array of objects. However, this plugin requires you to add some additional parameters. A sample playlist item:
   {
        mp3:'mix/1.mp3',
	oga:'mix/1.ogg',
        rating:4.5,
        title:'Some song title',
        buy:'http://www.codebasehero.com',
        price:'0.99',
        duration:'4:28',
        artist:'Artist Name',
        cover:'images/cover.jpg'
   }
One Comment.
  1. rafasox says:

    ogg and mp3 files because it is used? can be used only mp3.

    thanks

Comments have been disabled.

Some HTML is OK