生活的拍子簿 Eric's BLOG

之前想了很久也不知用甚麼話題寫教學，經olingo提議後，就選擇可以放在blog上的mp3 player吧！其實之前也試過不少web player，例如Radio Blog， 但是遇上不少問題，例如空間本身不支援php，或者顯示中文有問題。但這次介紹的mp3 player 就沒有以上問題，只要支援Flash及xml就可以了，這兩種不可能不支援吧 :p

首先，請先到原作者網頁下載原始檔:
Jeroen Wijering: Flash Mp3 Player

解壓後，會見到以下一堆檔案


好！第一步把播放的歌放入「mp3」這個資料夾內，如果不喜歡這個資料夾名，可以隨便更改。接著打開“mp3player.xml”，你會見到‧‧‧

<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="no" autoStart="yes">
<song path="mp3/homeland.mp3" title="Postmen - Homeland" />
<song path="mp3/jazzalude.mp3" title="Basement Jaxx - Jazzalude" />
</player>

首先略為介紹一下:
showDisplay="yes" ，就是player 的上半部份，選 "yes"就會自動打開，選 "no"就不會。
showPlaylist="no"，就是player 的下半部份，選 "yes"就會自動打開，選 "no"就不會。（在笫一幅圖是選了yes， 所以打開了)
autoStart="yes"，就是player 會否自動播放，選 "yes"就會自動播放，選 "no"就不會，除了yes or no，還可以選"random"，代表一開始會隨機播放。

之後是加入song list:
<song path="mp3/homeland.mp3" title="Postmen - Homeland" />
紅色部份是在第一步加入的mp3檔案名，記著更改。如果之前有更改資料夾名，記著更改"mp3/"這個位置。eg. 資料夾名: song，檔案名: ilovesong.mp3，就改為song path="song/ilovesong.mp3" 後面title部份就是顯示在player下半部份的歌曲名，隨意更改。

如果電腦有安裝flash，可以打開 "mp3player.fla"，會見到‧‧‧

將紅圈內的text field 的字體大小改到11，出來的中文宇會清楚很多。

最後把所有file upload 上server，再把這段code paste 去blog度就完成了！！

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="400"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7，0，0，0">
<param name="movie" value="mp3player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="mp3player.swf" quality="high" width="500" height="400"
wmode="transparent"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>