jMP3 (javaScript MP3 player) is an easy way make any MP3 playable directly on most any web site (to those with Flash & javaScript enabled),
using the sleek Flash Single MP3 Player & the fantabulous jQuery.

The Del.icio.us Playtagger is OK for basic purposes, but is not very configurable, can often incur startup delays, and is just not very attractive.

Instructions

1. First, download the lightweight (3k) Flash Single MP3 Player
(Feb 2007: looks like Jeroen has updated his player and removed the old version…
grab a local copy of the original Single MP3 Player compatible with jMP3 here)
2. Then, grab the jMP3 plugin (you do have jQuery already as well, yes?)
3. Set the path to singlemp3player.swf in jMP3
4. Include jQuery & the jMP3 plugin scripts in the your page

 <script type="text/javascript" src="/js/jquery/jquery.js"></script>
      <script type="text/javascript" src="/js/jquery/jmp3/jquery.jmp3.js"></script>

5. Initialize MP3 player on individual IDs (for customization), or generic classes (for lists of files)

      <script type="text/javascript">
      	$(document).ready(function(){
      		// default options
      		$(".mp3").jmp3();
      		// custom options
      		$("#mysong").jmp3({
      			backcolor: "000000",
      			forecolor: "00ff00",
      			width: 200,
      			showdownload: "true"
      		});
      	});
      </script>

6. Rock out!

Demo: http://www.sean-o.com/jquery/jmp3/

Download: http://www.sean-o.com/files/singlemp3player.zip

Source: http://www.sean-o.com/jquery/jmp3/

Related Listings:

1. uploadify – A file upload plugin using jQuery This plugin allows you to change any element with an...
2. Embed QuickTime : jQuery Plugin Embed QuickTime is a jQuery plugin that helps you embed...
3. JQuery Cycle Rotating Images Plugin The jQuery Cycle Plugin is a lightweight slideshow plugin. Its...
4. Text Highlight – jQuery Plugin Text higlighting is part of DynaCloud – where tags/keywords are...
5. jQuery Plugin: betterTip BetterTip is a plugin for the JQuery library that allows...

Do you like this post?

Email: