Home » jQuery 外掛

[jQ]jMP3 0.2.1

[ 日期： | 瀏覽：5,831 | 迴響：搶沙發 ]
範例 1
請協助我把這個效果加到我的網站 (只要 800 元)
沒錯!只要 800 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!



一般網頁要能播放 mp3 檔案可能得使用內建的 Windows Media Player 才行，不過介面醜就算了，且還不是那麼容易就能控制，所以現在大多是選用 Flash 來播放音樂。
但不是每個人都會製作 Flash 來播放音樂，因此就有些好心人就會分享一些做好的 Flash Mp3 Player 供人使用。而 jMP3 則是在這基礎上來讓設計者能快速的套用這些播放器。

套件名稱：jMP3
套件版本：0.2.1
作者網站：http://www.sean-o.com/jquery/jmp3/
套件網址：http://plugins.jquery.com/project/jMP3
發佈日期：2006-10-10
檔案大小：3.52 KB
檔案下載：jquery.jmp3.js singlemp3player.swf

參數說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

filepath(選填)
描述： mp3 檔案的路徑；預設是同目錄
預設值： ""
 
backcolor(選填)
描述： 播放器的背景顏色
預設值： ""
 
forecolor(選填)
描述： 播放器的前景顏色
預設值： "ffffff"
 
width(選填)
描述： 播放器的寬度
預設值： 25
 
repeat(選填)
描述： 是否重覆播放
預設值： "no"
 
volume(選填)
描述： 音量；值介於 0-100
預設值： "50"
 
autoplay(選填)
描述： 是否自動播放
預設值： "false"
 
showdownload(選填)
描述： 是否顯示下載鈕
預設值： "true"
 
showfilename(選填)
描述： 是否在播放器後顯示檔名
預設值： "true"

方法說明：

檢視原始碼 JavaScript
1
2

// 把指定元素轉換成 mp3 播放器
$(selector).jmp3(passedOptions);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.jmp3.js"></script>
<script type="text/javascript">
	$(function(){
		// 轉換成基本預設的 mp3 播放器
		$('#sound').jmp3();
 
		// 轉換成 mp3 播放器且隱藏檔名
		// 並指定寬度、背/前景顏色及允許下載檔案
		$('#soundl').jmp3({
			showfilename: "false",
			backcolor: "ffffff",
			forecolor: "8B4513",
			width: 150,
			showdownload: "true"
		});
 
		// 轉換成 mp3 播放器且隱藏檔名
		// 並指定寬度、背/前景顏色及自動播放
		$('#sound2').jmp3({
			showfilename: "false",
			backcolor: "000000",
			forecolor: "ff0000",
			width: 300,
			showdownload: "false",
			autoplay: "true"
		});
	});
</script>
 
<body>
	<p>基本的播放器:<br /><span id="sound">sound.mp3</span></p>
 
	<p>可以直接透過播放器下載檔案:<br /><span id="soundl">sound.mp3</span></p>
 
	<p>可以直接透過播放器下載檔案:<br /><span id="sound2">sound.mp3</span></p> 
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

附註：
從 js 中可以看到 swf 的路徑設定是在 /media/flash/smp/，不過我把它改成 media/flash/smp/。你可依自己的需求來變更它，若是要跟 html 同目錄的話則把它設成空字串就可以了。

發表迴響