add music

_includes/JB/audioplayer/js/example1.js

@@ -0,0 +1,19 @@
+$(document).ready(function() {
+
+	$('.audio').each(function(){
+
+		audio_file = $(this).attr('href'); 
+
+		$(this).flash(
+			{
+				swf: '_includes/JB/audioplayer/flash/audioplayer.swf',
+				flashvars:
+				{
+					soundFile: audio_file
+				}
+			}
+		);
+
+	});
+
+});          

_includes/JB/audioplayer/js/example2.js

@@ -0,0 +1,34 @@
+// close other audio players
+// called by audio player when click on play button 
+function ap_stopAll(player_id)
+{
+	$('.audio').each(function(){
+		if($(this).attr('href') != player_id)
+		{
+			$(this).find('object')[0].SetVariable("closePlayer", 1);
+		}
+		else 
+		{
+			$(this).find('object')[0].SetVariable("closePlayer", 0);
+		}
+	});
+}
+
+$(document).ready(function() {
+
+	$('.audio').each(function(){
+
+		audio_file = $(this).attr('href'); 
+
+		$(this).flash(
+			{
+				swf: 'flash/audioplayer.swf',
+				flashvars:
+				{
+					playerID: "'" + audio_file + "'",
+				    soundFile: audio_file
+				}
+			}
+		);
+	});
+});

_includes/JB/audioplayer/js/example3.js

@@ -0,0 +1,48 @@
+// close other audio players
+// called by audio player when click on play button 
+function ap_stopAll(player_id)
+{
+	$('.audio_flash').each(function(){
+		if($(this).attr('id') != player_id)
+		{
+			$(this).find('object')[0].SetVariable("closePlayer", 1);
+		}
+		else 
+		{
+			$(this).find('object')[0].SetVariable("closePlayer", 0);
+		}
+	});
+}
+
+$(document).ready(function() {
+
+	$('.audio').each(function() {
+		audio_file = $(this).attr('href'); 
+		audio_title = $(this).text();
+		audio_id = $(this).attr('id');
+
+		div = $('<div class="audio_flash" id="' + audio_id + '"></div>');		
+		$(this).after(div);
+		$(this).after(audio_title);
+		$(this).remove();
+		div.flash(
+			{
+				swf: 'flash/audioplayer.swf',
+				flashvars:
+				{
+					soundFile: audio_file,
+					playerID: "'" + audio_id + "'",
+					quality: 'high',
+					lefticon: '0xFFFFFF',
+					righticon: '0xFFFFFF',
+					leftbg: '0x357CCE',
+					rightbg: '0x32BD63',
+					rightbghover: '0x2C9D54',
+					wmode: 'transparent'
+				},
+				height: 50
+			}
+		);
+	});
+
+});

index.md

@@ -80,6 +80,13 @@ Here's to share some meaningful masterpiece of my work.
 <div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="555" height="80" id="passing" > <param name="movie" value="http://www.douban.com/doushow/firsh3k/collection_latest_music_6_6_small_nologo_noself/doushow.swf" /> <param name="quality" value="high" /> <param name="scale" value="noscale"/> <param name="align" value="tl"/> <param name="wmode" value="transparent"/> <embed src="http://www.douban.com/doushow/firsh3k/collection_latest_music_6_6_small_nologo_noself/doushow.swf" wmode="transparent" quality="high" width="555" height="80" name="passing" scale="noscale" align="tl" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></div>
 =--
 
+<script type="text/javascript" src="_includes/JB/audioplayer/js/jquery.min.js"></script>
+<script type="text/javascript" src="_includes/JB/audioplayer/js/jquery.swfobject.min.js"></script>
+<script type="text/javascript" src="_includes/JB/audioplayer/js/example1.js"></script> 
+
+<a class="audio" href="_includes/JB/audioplayer/audio/reason.mp3">
+</a>
+
 
 <!--
 <div style="float:left;width:160px;">