Amazing Music Player Plugin with jQuery and HTML5

File Size: 626 KB
Views Total: 3803
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Amazing Music Player Plugin with jQuery and HTML5

An Amazing Music Player Plugin built with jQuery and HTML5 that allows you to create a beautiful Music Player for your website.

How to use it:

1. Include necessary files in the <head> section

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../plugin/jquery-jplayer/jquery.jplayer.js"></script>
<script type="text/javascript" src="../plugin/ttw-music-player-min.js"></script>
<script type="text/javascript" src="js/myplaylist.js"></script>

2. Markup

<script type="text/javascript">
$(document).ready(function(){
var description = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id tortor nisi. Aenean sodales diam ac lacus elementum scelerisque. Suspendisse a dui vitae lacus faucibus venenatis vel id nisl. Proin orci ante, ultricies nec interdum at, iaculis venenatis nulla. ';

$('body').ttwMusicPlayer(myPlaylist, {
autoPlay:false, 
description:description,
jPlayer:{
swfPath:'../plugin/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
}
});
});
</script>

3. Markup

<div id="title"></div>

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.