第十二次上課:線上音樂(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" </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瀏覽器可正常播放)