線上音樂播放的小玩意

音樂相信人人都愛，喜歡的類型各有不同，然而對於音樂的喜好，往往可以突顯部落格的風格。對我而言，音樂創作是我的興趣之一，儘管近兩年來創作的數量相當少，在線上播放自己的作品，跟大家一同分享，是相當愉快的事情。但是，這是需要工具的。

目前需仁使用的F2Blog部落格平台，雖然也有提供音樂播放的外掛，但是使用上一直未能盡如人意。於是我想到米奇跟小螢子以前都曾經在部落格玩過類似的東西，問過米奇之後得到答案，原來已經有更新版。以下就分享整個做法，完成後就如上圖般的效果。

首先，使用者要有自己的網路空間或是網路硬碟，這是最重要的。

其次，這套系統僅支援MP3音樂格式，其他如WMA等等是都不支援的。

準備好了嗎？那我們正式開始了....

到http://www.jeroenwijering.com/?item=Flash_MP3_Player下載，下載點為http://www.jeroenwijering.com/upload/flash_mp3_player.zip。

接著解壓縮到您自己設定的資料夾，解壓縮的內容如下。



上圖有個playlist.xml檔案，這個是用來編輯播放的曲目與連結用的，所以請務必您要播放的MP3連結正確。以wordpad(記事本)開啟playlist，大致上的格式如下：

<playlist version="1" xmlns="http://xspf.org/ns/0/"> /*這個不用理會*/
 <trackList> /*音樂檔案列表起始語法*/

   <track>
   <title>赤柯山之夜</title> /*曲名*/
   <creator>需仁</creator> /*作者*/
   <location>http://www.jac3158.com/music/vincent_00101.mp3</location> /*音樂所在網址*/
  </track>

  <track> /*另一首歌以新的<track>起始*/
   <title>再見了‧竹籬笆的春天</title>
   <creator>需仁</creator>
   <location>http://www.jac3158.com/music/like_004.Mp3</location>
  </track>

</trackList> /*音樂語法結尾*/
</playlist>

所以語法很簡單，主要是在<track>以及</track>之間放入曲名、作者、音樂所在網址。

好了以後，將上圖的mp3player.html、mp3player.swf、playlist.xml、ufo.js這四個檔案上傳到個人的網路硬碟即可。接著登入您的部落格，新增一個側邊欄位，並且在側邊欄位的編輯區將以下編碼輸進去：

<embed src="http://您的網路硬碟路徑/mp3player.swf" width="200" height="200" bgcolor="#FFFFFF"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="file=您的網路硬碟路徑/playlist.xml&showdigits=true&autostart=true" />

上述的width以及height是高度與寬度的設定，可以按照自己的需求更改。最後的autostart是自動播放指令，設定為false則不會自動播放。

輸出後的成果會再開啟部落格的時候隨機播放，也可以用滑鼠游標點選想要廳的歌曲自選播放。目前我的部落格先放上11首自己創作的歌曲，預計還會再增加。

當然，使用這個功能如果是播放有版權的音樂，要考慮到是否會有侵權的問題。