教學:Flash MP3 Player v3.3
00. 你可以先到 這裡 看看完成之後的樣子~
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 有改寬度、高度的話,這裡也要一起改。
最後,拿去貼在你的部落格的「自由欄位」中(天空部落)。至於無名小站的用戶,則要把上面那段語法放在「連結」的「名稱」這個欄位裡。
不過,究竟要怎麼弄才能弄出像作者的網站上那樣「兩行式」的清單?
http://player.poqbum.com/player/player_type.php
這個player也還不賴,有iPod樣式
file上傳的話,我都用fileden
http://www.fileden.com
我剛剛試了一下那個 player,它好像不支援中文喔~
從yahoo搜尋到你這來
你寫的很詳細
問題出在Flash MP3 Player網頁目前是提供3.5版
那編輯 mp3player.html時 該如何寫呢? 謝謝嚕~
還好我有把 Flash MP3 Player v3.3 的檔案留下來
你可以在這裡下載到:
http://www.box.net/public/fyra9xjoh6
感謝你的教學.但我在無名上的"連結"裡的"名稱"使用您說的語法,在網誌首頁無法正常顯示..可以解惑一下嗎?
我在無名文章上使用原始說明網頁的語法,是可以執行的(有把"mediaplayer.swf" & "playlist.xml"改為自己的連結.)
不好意思,上面那段留言..最後一段請省略不需閱讀.
無法正常顯示是怎麼個無法正常顯示呢?
正常是會出現播放器的圖是吧?
我的是會出現 我打的整個語法的文字串 ...
無名真是個難搞的傢伙啊
果然
有錢的都是渾蛋
我沒辦法編輯那個playlistㄟ
我沒有記事本...我用word....但是沒找到你說得那個字型啊...
看來是無解...我再努力自己試試好了..
考慮要用別的部落格空間..
看來似乎是無解...我再自己試試好啦..
要考慮用別家的部落格空間了!
TO ysobored:
哪有人會用 Word 去編輯那個檔案啊!?
妳應該用那種「純文字」的編輯器
不過 mac 的世界我 完全不熟
我只有找到 BBEdit Lite 而已
妳只要複製、貼上就好了啊
幹嘛要什麼字型啊?
---
TO Edward:
如果要換別家的 BSP 的話
反正都要搬家
就乾脆自己架啊~
因為
WordPress 真的‧好‧好‧玩‧喔~
看來似乎無解...我再自己試試看好了..
該考慮用其他blog空間囉..
我怎麼知道啊....你上面寫記事本啊...我想說我沒有記事本....只好用更高級的word來編輯他...怎知他這麼難相處啊。。。。
幸好我還知道不是用手寫的記事本.....
誰叫妳要用 mac 啊?
自己造的業就自己好好擔吧~
我剛剛試了一下
用 Word 開啟 playlist.xml 感覺好詭異啊
我用的免費空間 FileDen 不接受.html 還有 .js 檔案.....
請問各位我該怎麼辦呢?
那就不要用 FileDen 啊
誰會知道你該怎麼辦啊......
請問 我還是看太懂
你有及時通嗎
方便加我的嗎
可不可以一ㄍ步驟一ㄍ步驟交我呢 拜託
即時通:girl02520
拜託惹^^!
收下了
請問我照你的方法用了
可是出來沒有拉軸耶
有時候
人生就是這樣的
明明應該有的
但是它卻死不出現
不要強求
該來的總會來的
hi vinta
4.0版本太舊了
不符合此教學
所以我用超新版3.3教學 酷爆
我又有問題了
從你抓的3.3沒有playlist.xml
那你用記事本自己新增一個檔案叫 playlist.xml 就可以了
反正它也就是一個純文字檔案而已
嗯 感激
問題用來了
我是無名用戶
用最後的文法
放在連結名稱欄
沒辦法顯示
我確認 我的語法跟你上面完全無誤
完全無誤是指我該改的都有改成我的網址
http://liocorno1981.myweb.hinet.net/oneiro/mp3player.html
你可以先把語法貼到別的地方試試
例如文章裡面
無名應該不會連 iframe 都禁止吧
可能喔
我試過文章了
有別的語法嘛?
可以套用這個文法貼jw mp3 player嘛?
用<embed .............這個
我找到方法了
謝謝你的幫忙喔
結果你是怎麼解決的?
太難了 =)
我有個不情之請
直接給我語法好嗎
有點奸詐的感覺= =
我會很感謝你的
那個東西得要上傳到你的網路空間
就算我想直接給你語法也給不了啊
你好,我照你的方法做了,也都成功了......
但我想要知道你是如何更改顏色~
另外,圖片的部份我放了之後~無法完全顯示出來~會被截掉,該怎麼解決?
我沒有改顏色啊
它原本就是這樣了
圖片被截掉的問題
因為我都只用來播 .mp3
所以我不知道
不過把播放器的長寬調大一點咧?
唔~我載了你的檔案後,弄好是這個樣子
http://blog.xuite.net/sugiharaayumi/ayumiwu
我也不知道為啥跟你的顏色不一樣~囧
然後圖片問題的話是~寬度可以改~但高度改了半天都還是無法讓圖片顯示出來
哈~我知到問題在哪了~
因為我載的是3.3的檔案..
你好
我用無名..然後有貼了你的語法..存檔後變成醬子耶..
那a安捏=.=?能否幫我解答?
感恩!!
ps. iframe 貼上去是存檔後是空白的 所以改embed..
疑 語法出不來= ="
<embed allowscriptaccess="never" width="280" height="300"></embed>
請問為什麼加入到xuite當背景音樂後,都會跳出HINET的廣告視窗?
YA
第一次就成功。
不過我設定 autostart=false
但還是自動播放?
你好。。 fileden好像不让传 ufo.js 和 mp3player.html..怎么办哪
我有一次有看到播放面板可是都沒放出Mp3
後來在修正就ㄧ直跳出hinet的廣告視窗
- -請問可以告訴我 我是哪裡做錯了嗎
我都放在hinet,4個檔案同一個資料夾
該改的網址都改了
畫面都沒出現只出現
按這個網址可以取得下載flash mp3 player的官方網頁
我是放在xuite..
啊喂,上面的那位竟然沒把密技公開
我用無名也是放入名稱欄位之後會呈現空白
啊我的心都要碎了
到底要用什麼語法才好:(
真是很好用的flash player
file可以吃xxx.xml , URL
我找了一個小時,終於看到我想要的flash player。
簡單就是美!!
http://edenn3231.myweb.hinet.net/z/mp3player.htm
為什麼圖片沒辦法完整顯示啊
還有如果我想在播放清單中顯示圖片要怎麼修改啊