音樂播放器~基本放送篇

最近在BBS上看到有人在問音樂播放器的用法…
目前待業腐爛中的社會新鮮人就來寫寫看教學吧…

Step 1 下載音樂播放器 按我
解完壓縮檔後，會看到有兩個檔案…
mp3player.swf 這個就是Flash的播放器
mp3player.xml 而這個是播放內容的清單

Step2 修改播放清單
開啟mp3player.xml。
(使用最基本的記事本notepad就行了，或者以瀏覽器開啟時，在選擇檢視原始檔來修改)
＜?xml version="1.0" encoding="UTF-8"?＞
＜player showDisplay="yes" showPlaylist="yes" autoStart="yes"＞

＜song path="這裡貼你的音樂mp3的網址" title="歌名" /＞
＜song path="http://xxxx. myweb.hinet.net/OOO.mp3" title="以hinet網頁空間為例" /＞
＜ /player＞

＜player＞中的變數意思
showDisplay yes 一開始顯示音樂播放器上半部，反之則寫no
showPlaylist yes一開始顯示音樂播放器下半部播放清單，反之則寫no
autoStart yes一開起音樂播放器時，音樂自動播放，反之則寫no，除此之外，random為隨機自動播放
(老實說我個人不喜歡自動播放)

另外 內的歌名，也就是顯示在音樂播放器上的歌名，是可以用中文滴

請注意以下幾點：
1. 音樂mp3的網址請用完整的網址…
(也就是絕對位置，因為通常播放器和Blog不是放置在同一個server上，例 Blog(無名)&播放器(hinet))
2. 網址也請全使用英文，網址中間不要夾雜中文，檔名或檔案夾名稱請不要用中文命名
3. 音樂只能使用mp3檔


最後修改完後請以編碼UTF-8來儲存。(注意最後副檔名還是.xml喔!!)

Step3 上傳到網路空間
本文以hinet的個人空間為例，mp3player.swf和mp3player.xml請放在同個子夾
上傳完後，可以用http://xxxxx.myweb.hinet.net/....../mp3player.swf 來檢示播放器有沒有正確的load到播放清單
如果沒有就以http://xxxxx.myweb.hinet.net/....../mp3player.xml 來看播放清單是否有錯
如果順利聽到音樂，就可以進到下個步驟

Step4 加入網頁中
語法

＜embed src="你所上傳的mp3player.swf網址" width="164" height="200" type="application/x-shockwave-flash" wmode="transparent" flashvars="playlist=你所上傳的mp3player.xml網址" /＞

如果語法太長，可去掉type="application/x-shockwave-flash" wmode="transparent"

＜embed src="你所上傳的mp3player.swf網址" width="164" height="200" flashvars="playlist=你所上傳的mp3player.xml網址" /＞

(請注意語法不能斷行喔!!)

Step5 完成



如果播放器插入於無名的文章當中...
請使用基本的編輯器插入...
否則flashvars=""會自動空白
-------------------------------------------------------------------------------------------

這一款音樂播放器已經有很多人寫過教學，如有疑問可看下面幾位blogger的文章，他們寫的比我還好。
花媽の隋手札記
能量魔法

另外附上播放器原作者的網址
目前Flash MP3 Player已經改版到2.3
有更多不一樣的東西，但不變的它還是播放器…
(目前我Blog上就是採用2.3版)
有空的話，我會寫新的介紹文的…