第十二次上課:線上音樂(2)


■單一背景音樂(網頁上可加入音樂的檔案格式有:MIDI.WAV.MP3.WMA.AIFF...注意:不含RA或RM)

1.將背景音樂加入共用頁框(top.html或left.html)

2.常用工具/媒體/外掛程式/*.mid或*.mp3

3.選取外掛物件/右鍵/參數

參數
hidden true
loop true
autostart true

4.存檔.F12測試

若無法找到mp3的同學請用老師提供音樂範例

■線上MP3播放器內嵌至網頁

1.檢查top.htm是否為滿版的效果:按右鍵/頁面屬性/上下左右邊界各為0像素

2.開啟Exobud_ mp*資料夾的readme.txt檔並複製以下的語法到top.htm內的<BODY>內

<iframe name="exobud_mp2" src="exobud_mp2/exobud.htm"
width="1024" height="25" marginwidth="0" marginheight="0"
border="0" frameborder="0" scrolling="no"></iframe>

變成

<body>

<iframe name="exobud_mp2" src="exobud_mp2/exobud.htm"
width="1024" height="25" marginwidth="0" marginheight="0"
border="0" frameborder="0" scrolling="no"></iframe>

</body>

3.修改 src="exobud_mp2/exobud.htm"為"exobud_mp*/exobud.htm"

*代表1.2.3.4.5.6

4.修改播放清單的歌名-修改exobudpl.js檔

*將 "mp3歌曲1 " 的內容改為歌曲名稱(隨自己的喜好)

mkList("./sound/01.mp3","mp3歌曲1");
mkList("./sound/02.mp3","mp3歌曲2");
mkList("./sound/03.mp3","mp3歌曲3");

*若要增加2首歌曲只要再加二行語法即可

mkList("./sound/01.mp3","mp3歌曲1");
mkList("./sound/02.mp3","mp3歌曲2");
mkList("./sound/03.mp3","mp3歌曲3");
mkList("./sound/04.mp3","mp3歌曲4");
mkList("./sound/05.mp3","mp3歌曲5");

5.存檔.按F12預覽(僅限IE瀏覽器可正常播放)