今天來跟大家分享Flash Mp3音樂播放器。

其實，若想將多媒體（音樂／影片）放至部落格上，有很多方法。其中，最簡單的方式，是直接在想要放的位置加上以下語法即可：

<embed src="音樂檔案網址" type=video/x-ms-asf width="100" height="40" autostart="true" loop="true" hidden="false" />

註：

  1. type=多媒體的MIME類型(wma：可以不用此屬性，mp3：video/x-ms-asf，rm：audio/x-pn-realaudio-plugin，swf：application/x-shockwave-flash)
  2. width=寬度(可用數值或百分比%)
  3. height=高度(可用數值或百分比%)
  4. autostart=是否自動播放(true/false)
  5. loop=是否重覆播放(true/false)
  6. hidden=是否隱藏面版(true/false)

但是，用此方式播放的話，部落格顯示的播放器外觀，即為到訪者電腦預設的播放器外觀（例：Windows Media Player或Quicktime等），因不同播放器的面版大小不同，會影響美觀，您也無法隨心所欲變更面版顏色。

不過，若是改使用Flash Mp3播放器，在部落格上播放音樂，不儘可以固定播放器的大小，也可搭配您的心情或部落格整體美觀來調整顏色，還可以開放您的背景音樂供到訪者下載呢！哈哈Foot in mouth，心動嗎？

安裝步驟Flash Mp3播放器也很簡單：

Step 1.
下載Flash播放器：本地下載點（請點滑鼠右鍵另存目標）／原提供網站網址

Step 2.
將下載後的Flash播放器（singlemp3player.swf）上傳至部落格，並找到其檔案網址（例：http://blog.huayuworld.org/gallery/1234/singlemp3player.swf）

Step 3.
將要播放的Mp3也上傳至上傳至部落格，並找到其檔案網址（例：http://blog.huayuworld.org/gallery/1234/happy.mp3）

Step 4.
進入編輯模版處，在喜歡的地方貼上以下語法：

<embed wmode="transparent" width="100" height="20" src="播放器網址?file=音樂網址&frontColor=000000&backColor=ffffff&showDownload=false&autoStart=true&repeatPlay=true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

（全球華文網的朋友，若不知怎麼進入模版編輯區，可參考「JavaScript 為部落格加上瀏覽人數統計（計數器）」一文喔Laughing）

Step 5.
您可任意變更設定，其屬性如下：

  1. width=寬度(可用數值或百分比%)
  2. height=高度(可用數值或百分比%)
  3. frontColor=前景色(使用16進位表示)
  4. backColor=背景色(使用16進位表示)
  5. showDownload=是否開放下載(true/false)
  6. autoStart=是否自動播放(true/false)
  7. repeatPlay=是否重覆播放(true/false)

Step 6.
完成設定並存檔後，再開啟部落格前台查看，Flash Mp3播放器完美的呈現囉！

 

如果以上步驟，還是覺得很麻煩，在此，分享一個網址給大家（點我），只要按照上面的欄位設定後，再按下「產生」按鈕，下方就會直接出現語法喔Tongue out~只要直接將語法貼至部落格，也一樣會出現Flash Mp3播放器！

有任何問題，可以再跟我說喔！希望大家玩的愉快。