教學：Flash MP3 Player v3.3

00. 你可以先到 這裡 看看完成之後的樣子～

01. 到 Flash MP3 Player 下載相關檔案，解壓縮之後，你會看到一大堆鬼東西，不用管它們，我們只需要這四個檔案：mp3player.html、mp3player.swf、playlist.xml、ufo.js。

你也可以在 readme 目錄下找到 readme.html，裡頭有作者寫的詳細的教學。

不過，當然是他媽的英文的啊～

P.S.

如果作者網站提供的版本太新，不適用這個教學的話，可以到這裡下載：

Flash MP3 Player 3.3

02. 編輯 playlist.xml（用記事本就可以了），參考以下的範例：

<playlist version="1" xmlns="http://xspf.org/ns/0/">
   <trackList>

     <track>
        <title>歌曲名稱</title>

        <creator>演唱者</creator>

        <location>檔案位置</location>

        <info>超連結</info> <!-- 可以不用理它，空白就好 -->

        <image>專輯封面</image> <!-- 可以不用理它，空白就好 -->
     </track>

     <track>
        <title>我的歌詞</title>
        <creator>何欣穗</creator>
        <location>http://www.example.com/song_2.mp3</location>

        <info></info>

        <image></image>

     </track>

     <track>
        <title>38 度 C</title>
        <creator>熊寶貝樂團</creator>
        <location>http://www.example.com/song_3.mp3</location>

        <info></info>

        <image></image>

     </track>

     <!-- 以此類推，再新增下一首歌 -->

   </trackList>
</playlist>

注意：playlist.xml 要存成 UTF-8 的格式

03. 編輯 mp3player.html（用記事本就可以了），用下面這段原始碼取代原來的內容。

<html>

<head>
<script type="text/javascript" src="ufo.js"></script>
</head>

<body scroll="no" leftmargin="0" marginwidth="0"

topmargin="0" marginheight="0">

<p id="player1">

<a href="http://www.macromedia.com/go/getflashplayer">

Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
  var FO = {
  	movie:"mp3player.swf", width:"280", height:"335",

       majorversion:"7", build:"0", bgcolor:"#FFFFFF",

       flashvars:"file=playlist.xml&autostart=false

       &shuffle=true&repeat=true&showeq=true"
	};
UFO.create(FO,"player1");
</script>


</body>

</html>

其中綠色的數字（width:"280", height:"335"）代表的是 Flash MP3 Player 的寬度、高度，可以自由更改。

autostart：自動播放。要自動播放的話，就把 false 改成 true。

shuffle：隨機播放。不要隨機播放的話，就把 true 改成 false。

04. 將這四個檔案：mp3player.html、mp3player.swf、playlist.xml、ufo.js 上傳到同一個網路空間。

例如，同時上傳到 http://xxx.myweb.hinet.net/，位址分別就是：

http://xxx.myweb.hinet.net/mp3player.html

http://xxx.myweb.hinet.net/mp3player.swf

http://xxx.myweb.hinet.net/playlist.xml

http://xxx.myweb.hinet.net/ufo.js

05. 因為國內的某些 BSP 對插入的語法會有字數上的限制，如果用 readme.html 提供的那一長串語法，多半會被切掉。但是，如果用下面這個語法就沒問題了：

<iframe src=http://xxx.myweb.hinet.net/mp3player.htm

width="280" height="335" scrolling="no" frameborder="0">

</iframe>

如果在 mp3player.html 有改寬度、高度的話，這裡也要一起改。

最後，拿去貼在你的部落格的「自由欄位」中（天空部落）。至於無名小站的用戶，則要把上面那段語法放在「連結」的「名稱」這個欄位裡。