第十九次上課(Online mp3播放器製作)
1.將網路芳鄰老師分享的Exobud mp程式解壓縮後選擇一組自己喜歡的風格複製到web資料夾內
注意：exobud.exe解壓縮後有5組面版功能一樣有exobud mp1.2.3.4.5五個資料夾
2.將mp3歌曲放置Exobud mp內的sound資料夾內.並修改歌曲名稱為01.mp3及02.mp3...
3.編輯exobudpl.js
mkList("./sound/01.mp3","mp3歌曲1");
mkList("./sound/02.mp3","mp3歌曲2");
mkList("./sound/03.mp3","mp3歌曲3");
修改 " " 的內容為歌曲名稱或作者（隨自己的喜好）
4.開啟DWX.並開啟Exobud mp2資料夾的readme.txt複製以下的語法到top.htm內的<BODY>內
| <iframe name="exobud_mp2" src="exobud_mp2/exobud.htm" width="640" height="25" marginwidth="0" marginheight="0" border="0" frameborder="0" scrolling="no"></iframe> |
說明▼使用內嵌框架 (iframe) 方式的嵌入法範例如上：
※ 以上設定框架大小的數值僅供參考。一般來說，長條形狀的播放器會佔用面積
大約為 640~760px(像素) 的寬度乘以 20~25px(像素) 的高度。
(若使用字幕功能，需額外增加 60px 的高度)
5.調整播放面板的寬度width="800"及高度 height="25"
6.修改top.htm為滿版的效果:按右鍵/頁面屬性/上下左右邊界各為0像素
6.若要修改面板及播放清單的樣式則可以修改exobud.css及exobudpl.css
7.存檔.按F12預覽
備註:exobud原程式下載處-天真的驚直