設定 Flash MP3 Player 3.7 音樂播放器
設定方式與 Flash Media Player 3.7 大致相同
Step 1. 下載 Flash MP3 Player v2.3版的播放器
到桌面
或到 Jeroenwijering 官方網站下載
將檔案解壓縮後會看到有二個資料夾及三個檔案:
1. readme 資料夾
2. extras 資料夾
3. source 資料夾
4. playlist.xml (音樂清單)
5. mp3player.swf (flash播放器)
Step 2. 修改 playlist.xml 音樂清單
開啟 playlist.xml
( 按右鍵選擇記事本(Notepad)方式開啟 )
<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<!-- 歌曲清單開頭 -->
<trackList>
<!-- 一首歌的開頭 -->
<track>
<!-- 這裡是填入歌曲名稱 -->
<title>Homeland (MP3)</title>
<!-- 這裡是填入作曲者或歌者名稱 -->
<creator>Postman</creator>
<!-- 填入mp3檔案的網址位置 -->
<location>http://song1.mp3</location>
<!-- 一首歌曲的結尾 -->
</track>
<!-- 另一首歌曲的開頭 -->
<track>
<title>Homeland (MP3)</title>
<creator>Postman</creator>
<location>http://song2.mp3</location>
</track>
<!-- 播放清單結尾 -->
</trackList></playlist>
修改完畢後,記得還是以副檔名為 xml,編碼 UTF-8 儲存起來
Step 3. 將以上修改完的 playlist.xml 及 mp3player.swf
二個檔案上傳到個人網頁空間
Step 4. 插入Blog語法
加上背景顏色
<embed src="播放器網址http://xxxx.m3player.swf" width="205" height="355" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="file=音樂清單網址http://xxxx.playlist.xml&displayheight=150&lightcolor=0xaf5783&backcolor=0xe0e5b3&frontcolor=0x750b40&volume=70&repeat=true&autostart=false" bgcolor="#FFFFFF" /></embed>
原始背景顏色
<embed src="播放器網址http://xxxx.m3player.swf" width="205" height="355" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="file=音樂清單網址http://xxxx.playlist.xml&displayheight=150& volume=70&repeat=true&autostart=false" /></embed>
說明:
1. Sep 4 插入Blog語法內的藍色字,可以自行修正為您需要的設置
2. displayheight 設定播放器內的影片高度
3. lightcolor 設定播放器內的滑鼠接觸播放目錄時的顏色
4. backcolor 設定播放器內的背景顏色
5. frontcolor 設定播放器內的前景(包括文字、標誌顏色)顏色
6. volume 設定播放器內的音量,可設定0 ~ 100
7. repeat 設定是否重複播放 ( true為重複,false為不重複 )
8. autostart 設定是否自動播放 ( true為自動,false為手動 )
9. allowfullscreen 設定是否要顯示全螢幕 ( true為全螢幕,false為否)
補充說明:
在修改 playlist.xml 播放清單時,可以將每一首 mp3 加入不同的封面圖(.jpg)
第一首歌曲
<track>
<title>Homeland (MP3)</title>
<creator>Postman</creator>
<location>http://song1.mp3</location>
<image>http://img1.jpg</image>
</track>
第二首歌曲
<track>
<title>Homeland (MP3)</title>
<creator>Postman</creator>
<location>http://song2.mp3</location>
<image>http://img2.jpg</image>
</track>
成果如下:
我設定的前景顏色是原始背景 (我的個人網頁空間: Google Page)
