在 Blog放上MP3音樂播放器 @ Never give up！永不放棄

在 Blog放上MP3音樂播放器

| Blog 小玩意教學及推介, HTML 語法教學

一個美觀又實用的 Blog MP3音樂播放器，雖然製作過程有點複雜，但只要你跟著步驟，你也可以擁有一個獨一無異的音樂播放器，而且放多少數量的歌曲也可以。你亦可選擇自動播放、音樂不斷重複、又或Random都可以。

首先，下載這個音樂播放器的檔案
將這個檔案解壓
把(.zip) 解壓成一個新的資料夾，例如叫 mp3player
內有四個檔案：
mp3player.swf,   mp3player.fla,   mp3player.xml,   mp3player.html

如果：
   看不見 mp3player.xml 或所有.xxx
   你可以開啟 "我的電腦" 或 "檔案管理員"
   之後上面選工具->資料夾選項 -> 檢視 -> 進階設定
   不用 tick "隱藏已知檔案類型的副檔名"
   按確定，就會見到
上載歌曲到一些網上空間
跟住就要上載 mp3
(注意：這個 flash music player 只支援 .mp3)

把歌曲上載到網上空間
    [建議用 freewebtown，因為上傳好快，有 2GB storage，
     www.freewebtown.com
    申請完後便 login
    去 site admin 下的File Manager，選upload files，把 mp3 上載]

建立播放清單
修改 mp3player.xml，它其實是一個播放清單
用〝記事本、Wordpad〞開啟
(方法：在mp3player.xml 檔案按右鍵、選擇〝開啟檔案〞中的〝Notepad 或 Wordpad〞)
開啟後你會看見：

＜?xml version="1.0" encoding="UTF-8"?＞
＜player showDisplay="yes" showPlaylist="yes" autoStart="random"＞
＜song path="http://hk.geocities.com/abc/hello.mp3" title="歌神 - HELLO" /＞
＜song path="http://hk.geocities.com/abc/hello.mp3" title="歌神 - HELLO" /＞
＜song path="http://hk.geocities.com/abc/hello.mp3" title="歌神 - HELLO" /＞
＜/player＞

設定播放器
   showDisplay 是設定播放器的上半部~~播放中的歌名及時間，
   showPlaylist 是設定播放器的下半部~~播放清單，
   showDisplay、showPlaylist 是設定播放器展開或是縮小，
    "yes" 是 "展開"，"no" 是 "縮小"，如圖：
    展開：

縮小：

    autoStart 是設定播放器是否 "自動播放" 和 "隨機播放"
    "yes"       是  "自動播放"
    "no"        是  "手動播放"
    "random"  是 "隨機播放" (注意: 隨機播放是會自動開始播放的)

設定播放清單
    ＜song path="http://www.abc.com/abc.mp3" title="歌神 - HELLO" /＞
    紅色部份是歌曲路徑
    紫色部份是歌曲名稱
※你可以放多少首歌曲都可以，只要你將上載好的歌曲路徑及歌名打上便可

[這個下載的 .xml 是採用 UTF-8格式存檔，本身原裝是採用 ANSI
ANSI 顯示不到中文或日文，
所以這個 xml 是採用 UTF-8 儲存
所以這個下載版本不用在儲存時修改
想有中文字或日文字，只要打上或貼上便可
不用轉碼，然後按"儲存"便可]

另外你也可選擇播放器的顏色
下載以下你想安裝之顏色的播放器：







下載將其先解壓成一個 "mp3player.swf " 檔案，
然後將它放進整個 mp3player資料夾內，取代原先那個 "mp3player.swf " 檔案。

不過：
這些顏色的播放器是比原先的短了一些，只能顯示三首歌曲，
手動按清單會捲動顯示其他歌曲，
而原先在步驟一下載整個 mp3player資料夾內的 "mp3player.swf " 檔案，
是預設了藍色，而且清單是長的，可顯示六首歌曲，
所以由你自己決定選舉預設，或是有顏色的！
上載 mp3player資料夾
到一些如 hk.geocities.com 或 tw.home.yahoo.com 或 geocities.co.jp 網站，
如有 yahoo賬號，香港或台灣的均不用申請
例子:
    在hk.geocities.com 申請後，用 yahoo 賬號 login 登入
    在"檔案總管"上載整個"mp3player"的資料夾，
    在 "檔案總管" 內會出現"mp3player"的資料夾，
    你再 click 入去，會看見資料夾內四個檔案：
mp3player.swf,   mp3player.fla,   mp3player.xml,   mp3player.html
如何放進 Blog 內
複製語法，但紅色、藍色的字要修改
紅色是你上載 mp3player.swf 的位置
藍色是你上載 mp3player.xml 的位置