回前頁

網頁背景播放音樂：EMBED 標籤範例(一)

背景播放標籤的選擇
在 Internet Explorer 中要在網頁中不顯示音樂檔播放面板，而做背景音樂的播放 ，可以在 <HEAD> 區段使用 BGSOUND 標籤，但因為 Netscape Navigator 不支援 此標籤的使用，因此要做 Cross Browser 的網頁，BGSOUND 的標籤是行不通的。所幸 在標準的 HTML 標籤中，還有個多媒體播放標籤元件叫 EMBED 的，可以為兩大瀏覽器 共同接受，因此本範例就是使用 EMBED 標籤來做背景音樂的播放。
EMBED 標籤的屬性設定
EMBED 標籤在播放多媒體檔案時，預設狀況是會顯示操作面板的，要它不顯示操作面板 ，要它不顯示操作面板，而能像 IE 的 BGSOUND 一樣背景播放音樂，就必須有正確的 性質設定。譬如本範例的 EMBED 設定如下： 
<EMBED NAME="mid1" SRC="akuma_25.mid" LOOP=true AUTOSTART=false
 MASTERSOUND HIDDEN=true WIDTH=0 HEIGHT=0></EMBED>
至於各性質功能如下：
  1. NAME:設定名稱屬性，如果要用 Script 啟動音樂播放，設定此性質才方便做 名稱呼叫。
  2. SRC:音樂檔的網路路徑。
  3. LOOP:true 表重覆播放，false 表不重覆播放。
  4. AUTOSTART:true 表自動開始，false 表手動或 Script 啟動。
  5. MASTERSOUND:IE 不需要，Netscape 必要，沒有則無法由 Script 啟動。
  6. HIDDEN:是否顯示音樂播放器操作面版。
  7. WIDTH,HEIGHT 表 EMBED 元件長寬度，就算 EMBED 被 HIDDEN ，還是會在 網頁佔有位置，顯示在網頁上是一大塊空白，如果不要 EMBED 顯示，把 WIDTH 和 HEIGHT 等於零，才不會影響網頁版面編排。
操作面版的安排
如果既不要顯示多媒體播放操作面版，又不要載入時自動播放，那就需要你自己為 EMBED 元件設計播放及關閉按鈕，例如本範例的操作面版是這麼設計的： 
<FORM>
    背景音樂控制鈕：
    <INPUT TYPE=BUTTON NAME="btn1" VALUE="播放"
        onclick="PlayBGSound(this.form)">
</FORM>
音樂檔啟動函式
最後配合 HTML 的操作面版設定，寫個 Script 播放切換函式即可。 
function PlayBGSound(form1)
{
    var obj=form1.elements.btn1;
    if (obj.value=="播放") {document.embeds.mid1.play();obj.value="停止";}
        else {document.embeds.mid1.stop();obj.value="播放";}
}
範例測試
好了，不多囉嗦，趕快按一下播放鈕，來聽一下 Midi 音樂吧。
背景音樂控制鈕：
回前頁
1