01. 到 Flash MP3 Player 下載相關檔案,解壓縮之後,你會看到一大堆鬼東西,不用管它們,我們只需要這四個檔案:mp3player.html、mp3player.swf、playlist.xml、ufo.js。
你也可以在 readme 目錄下找到 readme.html,裡頭有作者寫的詳細的教學。
不過,當然是他媽的英文的啊~
P.S.
如果作者網站提供的版本太新,不適用這個教學的話,可以到這裡下載:
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 有改寬度、高度的話,這裡也要一起改。
最後,拿去貼在你的部落格的「自由欄位」中(天空部落)。至於無名小站的用戶,則要把上面那段語法放在「連結」的「名稱」這個欄位裡。
留言列表