JW MP3 Player 音樂播放器
本文同步發表於「真‧他媽的」與「真‧他媽的 - 樂多日誌」。
五花八門教學文：第 11 天
【步驟 01】
你可以先到 歌曲點播 看看完成之後的樣子。
【步驟 02】
到 JW MP3 Player 下載檔案：jw_mp3_player.zip，最新版本 3.99。
如果作者網站提供的版本太新，不適用這個教學的話，可以按 這裡 下載。
解壓縮之後，你會看到一大堆鬼東西，不過不用管它們，你只需要這四個檔案：mp3player.html、mp3player.swf、playlist.xml、swfobject.js。
P.S.
作者自己也有寫 ReadMe，裡頭有官方的詳細教學。
不過，當然是他媽的英文的啊～
【步驟 03】
編輯 playlist.xml（用 「記事本」就可以了），參考以下的範例：
<?xml version="1.0" encoding="utf-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<title>歌曲名稱</title>
<creator>歌手</creator>
<location>檔案位置</location>
<image>專輯封面</image> <!-- 用不到的話，這一行可以刪掉 -->
<info>相關連結</info> <!-- 用不到的話，這一行可以刪掉 -->
</track>
</trackList>
</playlist>
就像這樣：
playlist.xml 要存成 UTF-8 的編碼格式。
【步驟 04】
編輯 mp3player.html（用 「記事本」就可以了），改成這樣：
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
<script>
function resize() {
parent.document.all.frameid.height=document.body.scrollHeight;
}
</script>
</head>
<body onload="resize();" scroll="no" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<p id="player2"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var s2 = new SWFObject("mp3player.swf", "playlist", "200", "200", "7");
s2.addVariable("file","playlist.xml");
s2.addVariable("backcolor","0x00000");
s2.addVariable("frontcolor","0xEECCDD");
s2.addVariable("lightcolor","0xCC0066");
s2.addVariable("displayheight","60");
s2.addVariable("autostart","false");
s2.addVariable("showdownload","false");
s2.addVariable("thumbsinplaylist","false");
s2.addVariable("shuffle","true");
s2.addVariable("repeat","true");
s2.addVariable("showeq","true");
s2.write("player2");
</script>
</body>
</html>
P.S.
這一行：("mp3player.swf", "playlist", "200", "200", "7")，綠色數字代表的是 播放器 的 寬度 和 高度，可以自由更改。
autostart：要自動播放的話，把 false 改成 true。
shuffle：不要隨機播放的話，把 true 改成 false。
showdownload：如果你想讓人下載那些歌的話，把 false 改成 true。
【步驟 05】
將這四個檔案：mp3player.html、mp3player.swf、playlist.xml、swfobject.js 上傳到你的網路空間，要放在同一個目錄底下。
例如，上傳到 HiNet 的空間：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/swfobject.js
【步驟 06】
因為國內的某些 BSP 對插入的語法會有字數上的限制，如果用 ReadMe 提供的那一長串語法，多半會被切掉。但是，用下面這個語法就沒問題：
<iframe src="http://xxx.myweb.hinet.net/mp3player.html" id="frameid" scrolling="no" frameborder="0"></iframe>
記得把 http://xxx.myweb.hinet.net/mp3player.html 改成你自己的位址。
不需要設定 height、width 屬性，因為之前在 mp3player.html 裡面，就已經加了那段 resize() 的函數，所以框架會自動調整大小。
最後，把這段語法貼到你的部落格，文章裡或是側邊欄位都可以。
本文同步發表於「真‧他媽的」與「真‧他媽的 - 樂多日誌」。
西哩花啦(閱)
這個我會好好研究看看,雖然我用不到啊@@
自抄文!?
這篇對我而言，難度相當高啊。
這篇文章整個很正經....真難得
您終于寫了一點有建設性的東西...
你現在,在逛書城吧,哈哈。
這篇實在太實用了，實用到我完全看不懂....OTL
這是標準文科生的弱點嗎？
只要出現一大堆步驟就垂死在電腦前
其實我跟高科技一點都不熟
大概跟三分熟的牛排差不多
TO J
這叫做資源回收再利用
---
TO Sharon
人要比文兇
---
TO 失憶
難道之前的東西沒有建設性嗎？
我覺得不錯啊
---
TO 回頭不要尖叫
文科生的強項是什麼？
說明書要用文言文才看得懂嗎？
文科生的強項是把錯的成對的
並且奴役相信自己的追隨者
很多大人物可以證明唷
我比較利害的是，把電器用品或電子產品在不知不覺之中弄壞
保固期一點都不會浪費還有賺
對不起，文科生的弱點那句，是我牽托的
哪些大人物是文科生？
大總統就是啦！
文法都算文科生
教育部長大人們幾乎也都是
比如三隻小豬之類的
恩...文科生容易弄壞電子產品這點我認同...
所以我哥才不准我碰他電腦囧
(雖然現在還是在偷用....)
您好~~
我試著用您的方法在YAHOO部落格上放音樂~~
大致上的步驟都有順利完成了
(我上傳的空間在香港YAHOO的檔案總管，網址：http://hk.geocities.com/t8729103/mp3player.html)
但是當我執行步驟6的時候..不管我把語法貼在部落格文章或側邊欄位
只要按儲存之後~~~再重新回去看時
原來貼上去的語法已經消失不見~~~
不管是了幾次都是一樣的結果呢~~
請問您是否可以給些建議呢
謝謝
您好
我剛剛到處爬文後..試著用下列這個語法：
@ ＜Embed src="播放器swf檔的網址" width="設播放器寬度" height="播放器高度" ＞
可我剛剛去看了
妳在側邊欄用的的確是 iframe 啊
如果左下角有「網頁發生錯誤」
要把下面這段刪掉
做不出來阿...幫幫忙
在右下角側欄
http://crazyfatso32.blogspot.com/
你的 playlist.xml 讓我看
貼不上來ㄚ...
你不會貼網址啊？
http://a49276078.myweb.hinet.net/playlist.xml
playlist.xml 的編碼格式要存成 UTF-8
http://hk.geocities.com/singsingsu/playlist.xml
不知問題出在哪裡 多謝
這是怎樣？
當我是好人啊
請問怎麼存成UTF-8，拜託了壞人。
如果你是用記事本的話
另存新檔
就會看到「編碼」了
原來在這，我找了好久說，謝謝你了壞人，我腦袋正受你的影響力當中。
我放歌出了點問題，再拜托一下可以嗎QQ。
約翰藍儂不知道為什麼撥不出來，而後面兩首TOKIO的卻連清單都出不來。
http://a49276078.myweb.hinet.net/playlist.xml
感激阿
想請問您
這個播放器所放的音樂格式是不是只能用*.MP3
我用*.WMA的音樂檔，結果就卡住不撥歌哩~~
根據我試誤依個舞上的心得應該是不能用*.WMA吧~~
不過還是想跟您討教確認看看~~
麻煩您了~謝謝
你是對的
MP3 only
語法無法顯示在無名
問一下...如果 有很多首歌
可以直接嵌入網頁中 不打PLAYLIST嗎(雖然這樣要新增好像會更麻煩)
可以的
在壓所檔裡面
那個 readme 就有說該怎麼做了
請問無名語法? 語法無法顯示在無名
那個~~列表高度可以改變嗎QQ"
就是.....我放專輯封面上去
可是圖片出現的區域太小..
只看的到下面........
妳就改那些 height 之類的參數就可以了
readme 裡面應該有寫啊
看不懂英文....
拜託幫忙一下拉~
是說老大,我想貼在無名裡面但是語法太長了.........
我把自家地址縮減成很短了還是太長= =
有其他的語法可以貼嘛?
TO happy 你去死
那種事太麻煩了
你可以去找 http://tw.dictionary.yahoo.com/
TO 阿某
或許可以把 scrolling="no" frameborder="0" 拿掉
我回來了~~~
話說 JW換新版了....
playlist也改了~
可以拜託你重寫嗎~~~
依你的個性有99%的機率是~不可能
還是希望你可以更新一下...
畢竟新版可以加入字幕....
我改天先研究看看
雖然我也覺得我不太可能重寫一篇......
如果新版PLAYER要用PLAYLIST，照這個方法不行喔~~
格是這裡有寫:http://code.jeroenwijering.com/trac/wiki/FlashFormats
我用的格式是:
Example media RSS playlist for the JW Player
http://www.jeroenwijering.com
標題
連結
說明
作者
............
我貼的原始碼跑去哪了?
你存成 .txt 再上傳到 HiNet
然後再把超連結 PO 出來
喔
太麻煩了我不想做
我完全照大大的方法
為什麼我的歌表變成亂碼???
但歌可以聽!!
改成UTF-8 或utf-8 都沒用
就差那一步
請問大大知到哪裡出了問題嗎???
感謝你
我把文章部份轉載
受益良多！
謝謝！
為何我的player傍邊沒有捲軸??
拉不到下面看完整的playlist
http://charliebest.pixnet.net/blog
上面是我的BLOG
請問一下我的播放器上面為什麼會出現2個亂碼@@?
有辦法去掉他嗎?
謝謝