[教學] 勁靚!!! 音樂播放器 exobud [更可轉skin] (xanga 亦可用)

dlalden

自家收藏 skin~












下載 exobud

到  http://qegg.net

進入 flash 網頁後, 在右方有個 登入/註冊的方格
選 "JOIN!"
有一表格彈出, 填粗體字要求的資料, 然後按 " JOIN US!"
申請好便可以 登入 login
在上方選 download
選有音符的 icon
有很多種不同顏色的 exobud
選自己喜歡的下載



處理檔案

下載後, 把它解壓在一個資料夾內
e.g.  C:\exobud\exoqegg30_pink
用 記事本 開啟
1. exobudset.js       <--用來改 自動播放, 隨機播放,循環播放 等等
其他最好不要碰

   點解我見唔到 mp3player.xml或者所有有.xxx 既野?
   去我的電腦 或 檔案管理員
   之後上面選  工具->資料夾選項 -> 檢視
   唔好 tick "隱藏已知檔案類型"
   按確定,就會見到



上載歌曲

首先要上傳你所喜愛的歌曲
exobud 支援所有 windows media player 所能播放的類型 (mp3,wma,asf etc)
但不能播 real player 類型 (rm,ra, ram etc)

一首歌曲檔案size通常都好大
為左令人地快些聽到首歌
我地最好將 mp3歌曲 整細佢
如將 mp3 轉做 wma/asf
  [建議用 "音樂轉檔精靈 2005"
    holas. myweb .hinet.net/MediaEncoder2005.exe
    [新版] 下面見到有 128 bits
               轉128 bits 做 64 bits
               格式可以係 mp3/ wma/ asf

    [舊版] 安裝後先到 工具->編碼設定->MP3
               將壓縮比例轉成 64 kbps
               如想轉做 wma, 到 工具->編碼設定-> ogg...  ,  wma 一欄
               將壓縮比例轉成 64 kbps]



當把歌曲變小後
便把歌曲上載到網上空間
   [建議用 freewebtown, 因為上傳好快, 有 1GB storage, 2G bandwidth, 最好係有 FTP
     www.freewebtown.com
     申請完後 便 login
     去 site admin 下的 File Manager, 選 upload files, 把 mp3 /wma /asf 上載
     如想用 FTP 上載, 佢 send 俾你個 email 會有講,唔明可以問我]



如何做播放清單

上載完歌後, 用 記事本 開啟  exobudpl.js
向下拉直至看見有幾個  mkList("http:/.......","xxx");
mkList("歌曲位置","歌曲名稱");
e.g.  mkList("http://www.freewebtown.com/abc/eason_haha.mp3","陳奕迅 - HAHA");

之後將所有已上載既歌曲路徑同歌名都打哂落去
小心唔好有錯  (如 "" , ;  )  等等一個都唔錯得, 唔係播唔到
save 儲存個 exobudpl.js



上載 exobud media player

到一些如 hk. geocities.com / geocities.co.jp 的網站, 因為 load得快
例子: 到 hk. geocities.com 申請, 如有 yahoo.com.hk  Email 唔洗申請
          之後選好佢要你填既野
          要去 hk.geocities 度 login 登入, 證明你有呢個帳號
          上傳檔案 用 ws_ftp 就好方便好多
          http://www.webhost.com.hk/dnload/ws_ftple.exe

          host name: ftp.hk. geocities.com
          user id: 你個yahoo id
          password :你個 password
         
          確定後佢會自己連線, 右邊係網上既野, 左邊係自己電腦既野, 從左邊將成個 exoqegg30_pink 資料夾拉到右邊
          等一陣佢會有聲,話你聽上載完

如無意外, 你去 hk. geocities.com   個 "檔案總管" 度會見到你上載左既野
click  exobud.htm
你就會見到你自己個 exobud player!


點解我用 ftp 有 error o既?

有時個 ftp program 會只係開左個 "img" 資料夾,而唔能夠同時上載圖片
有 error 當然佢就未幫你上載其他如 exobud.htm o既檔案
如果佢得個資料夾, 你就 highlight(全選) 所有"img" 入面o既圖片
然後拉到右邊 "img" 資料夾入面, 佢就會幫你上載
至於仲有 exobud.htm... 等等未上載既, 你等佢所有圖片上載完
之後 hightlight 所有exobud.htm,exobud.js ...等等
拉到右邊 (但唔係 "img" 入面)


點解d 圖打 X 顯示唔到?
如果你決定手動上載(無痛上載), 可能會見到d 圖打 X
其實係因為你冇幫佢開一個資料夾, 叫做 "img"
所以你去"檔案總管", 下面 "分目錄" -> 新檔案
命名做 "img"
之後將所有 .gif o既圖片移動到 "img"



如何放上xanga?

我當大家係放o係 xanga HEADER 度的
但 header 係唔可以用 iframe
所以我地要將個 script 改一改
去呢度    http://www.codehouse.com/webmaster_tools/html_encoder/

<iframe name="exobud_mp" src="http://hk. geocities.com/abc/exobud_mp/exobud.htm"
    width="800" height="29" marginwidth="0" marginheight="0"
    border="0" frameborder="0" scrolling="no"></iframe>

粗體字要改！！！！
變做你個 exobud 的網址
之後 copy and paste 去 HTML INPUT
按 encode html
之後有一大段野
copy and paste 左佢
(個 height 呢度係29, 但好多時條 exobud 係25, 如果係 25, 你就要自己改上面個 script -> height="25")


然後去自己 xanga
去 look and feel
如果想放上面,
去 HEADER
將頭先 copy 的字 paste 下去
按 儲存 save!
如果放下面就放去 website stat

攪掂！！！！！！








remark:

1. 如之後想加歌, 可以直接到 geocities.com 度 選 exobudpl.js 編輯
當然你可以自己改完再次上載都得

2. 如想條 bar 長 / 短 d,  去返個 html encoder 個 page
將 width=800  改成其他數字, 再跟 steps 做多次

3. 唔同 bar 個 高度height 都唔同,  exoqegg 係 29, 平時o個d 係25

4. 關於播放清單, 日文字需用 unicode (萬國碼), 否則不能顯示, 用 frontpage 將日文字貼上, 按 html 看看它的 萬國碼
( 例子:   は  =   "& # 12399 ;"     )   然後把它貼在播放清單的

唔想轉 skin 可以唔駛睇


轉 skin 教學

可能有人見過有d  exobud 可以轉 skin
其實你都可以！



範例 : http://qegg.net/in/relax/music/1/exobud.htm
注意: 以下教學以 exoqegg30 作例子, 其他 exobud player 請自行轉內容, 唔明可以問我


打開 exobud.htm
在 "顯示播放清單內容" 之後加d 野

1. 
   
2. <img name="plist" src="./img/qegg_list1.gif" onClick="openPlist()"
   
3.         onMouseOver="imgtog('plist',2)" onMouseOut="imgtog('plist',3)" style="cursor:hand" title="顯示播放清單內容" width="26" height="29"
   
4.     ></td>
   
5. .
   
6. .
   
7. 
   
8. 加下面呢段!!!
   
9. 
   
10. <td background="img/qegg_bg.gif" width="21">
    
11.       　</td>
    
12.     <td background="img/qegg_bg.gif">
    
13.       <table border="0" cellspacing="0" cellpadding="0" align="left">
    
14.         <tr>
    
15.           <td height="10">
    
16.           <img src="http://qegg.net/in/relax/music/1/img/qegg_9.gif" width="61" height="5"></td>
    
17.         </tr>
    
18.         <tr>
    
19.           <td height="12" valign=top>
    
20.             <table border="0" cellspacing="0" cellpadding="0" width="70">
    
21.               <tr>
    
22.                 <td><a href="../exoqegg30_orange/exobud.htm">
    
23.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_1.gif" border="0" width="6" height="6"></a></td>
    
24.                 <td><a href="../exoqegg30_red/exobud.htm">
    
25.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_2.gif" border="0" width="6" height="6"></a></td>
    
26.                 <td><a href="../exoqegg30_blue/exobud.htm">
    
27.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_3.gif" border="0" width="6" height="6"></a></td>
    
28.                 <td><a href="../exoqegg30_purple/exobud.htm">
    
29.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_4.gif" border="0" width="6" height="6"></a></td>
    
30.                 <td><a href="../exoqegg30_green/exobud.htm">
    
31.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_5.gif" border="0" width="6" height="6"></a></td>
    
32.                 <td><a href="../exoqegg30_pink/exobud.htm">
    
33.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_6.gif" border="0" width="6" height="6"></a></td>
    
34.                 <td><a href="../exoqegg30_white/exobud.htm">
    
35.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_7.gif" border="0" width="6" height="6"></a></td>
    
36.                 <td><a href="../exoqegg30_black/exobud.htm">
    
37.                 <img src="http://qegg.net/in/relax/music/1/img/qegg_8.gif" border="0" width="6" height="6"></a></td>
    
38.               </tr>
    
39.             </table>
    
40.           </td>
    
41.         </tr>
    
42.       </table>
    
43.     </td>
    
44.     <td width="8"><img src="img/qegg_right.gif" width="8" height="29"></td>
    
45.   </tr>
    
46.   <tr>
    
47.     <td height=0 colspan=15 width="747">
    
48. 
    
49. 
    
50. ^加到呢度    (小心check 清楚前後係咪同呢度一樣)
    
51. 
    
52.       <!-- 顯示字幕框的部份：
    
53.            如果您想要使用字幕功能，您便需要預留頁面一些空間用來顯示這個字幕框。
    
54.            無論您是否使用字幕功能，請勿隨便修改或刪除下面這段  DIV 區塊的語法。 -->
    
55.       <div id="capText" style="width:500;height:60;color:white;background-color:#555555;padding-top:3px;padding-left:5px;display:none"
    
56.         >ExoBUD MP(II) 字幕顯示系統(SMI)</div>
    
57.     </td>
    
58.   </tr>
    
59. </table>
    
60. </body>
    
61. </html>

複製代碼

將 exobud.htm 儲存
rewrite 左之前o個個



當然你要上載所有唔同顏色的 exobud 去 hk. geocities.com
我用 qegg.net 所提供的 exoqegg30  的 skin
首先從 qegg.net 下載不同顏色的 skin
然後 解壓到 exoqegg30_pink, exoqegg30_green......等等
將 頭先新整既  exobud.htm   貼上到每一個資料夾, 覆蓋本身o個個
另外將 你最先改過的  exobudpl.js 同 exobudset.js  都覆蓋到每一個資料夾
之後就用 FTP 將所有資料夾上傳到 hk. geocities.com
當你login 去 hk. geocities.com 用 檔案總管 開個 exobud.htm 時
你會見到多一條 skin color 既野
之後不斷試下其他顏色 work 唔work

有一點要注意！
因加埋呢個 skin color , 條 bar 會長左
所以要轉個  width=850
之後跟番上面的 steps 就得






注意  ATTENTION

如果你完全唔知我 up 乜
唔緊要!!
你只要將個 exobud.htm 下載
之後將它覆蓋 每一個顏色的資料夾的 exobud.htm
(只適用於 exoqegg30)
http://rapidshare.de/files/16112541/exobud.htm.html