回到學院首頁選擇製網課程教學與製網有關的語言選擇輔助課程選擇網頁材料了解 HKIWC
The Best Web Hosting Company
 工具預備
 簡單設定
 五分鐘速成
 按鍵一覽
 插入圖片
 底色棬
 活用表格
 運用框架
 連結進階
 加入音樂Here
 精用表單
 安裝計數器
 安裝訪客簿
 安裝聊天室
 網頁上傳
 檔案權限
 加入實例
 本節實例
 疑難討論
 聯絡學院
 網絡辭典
歡迎到訪 PenPal Garden
ICQ 國際交友會
  ■ 預備:
音樂檔 Midi 一個,設檔名為 your.mid。
己設定好:Composer 之 External HTML Editor。若否請看【簡單設定
■ 簡單步驟:
視窗狀態:開啟 Composer;開啟欲加入背景音樂的舊檔或新檔。
  1. EditHTML Source 鍵,
  2. 若是新檔請於視窗 Save New File 按 Save 鍵,并輸入一個隨便的標題并按 OK 鍵,
  3. 於剛顯示的 記事本(Notepad)視窗尋找 <BODY> 標記!
  4. 於其插入以下 HTML Code:

    <EMBED src="your.mid" hidden="true" autostart="true" loop="true">

  5. 以記事本儲存此檔案,
  6. 回 Composer 視窗亦儲存此一更改,
  7. Preview 可聽到音樂,完成。

注意:

  • 若該音樂檔與此一網頁不在同一目錄下,請在上述 Code 中your.mid之前加上途徑。
  • ■ 詳細參數設定:

    <EMBED src="your.mid" autostart="true" loop="true" hidden="true">

  • SRC="檔案名稱和路徑"
    設定 midi 檔案的路徑。

  • AUTOSTART="true / false"
    是否在音樂檔傳完之後,就自動播放音樂。true 是,false 否 (內定值)。

  • LOOP="true / false / 整數"
    是否自動反覆播放。LOOP=2 表示重複兩次,true 是, false 否。

  • STARTTIME="分:秒"
    設定歌曲開始播放的時間。如 STARTTIME="00:30" 表示從第30秒處開始播放。

  • VOLUME="0-100"
    設定量的大小,數值是0到100之間。內定則為使用者系統本身之設定。

  • HIDDEN="true / no"
    是否完全隱藏控制畫面,true 為是,no 為否 (內定)。

  • WIDTH="整數"HIGH="整數"
    設定控制畫面的寬度和高度。(若 HIDDEN="no")

  • ALIGN="top /bottom /center /baseline /left /right /texttop /middle /absmiddle /absbottom"
    設定控制畫面和旁邊文字的對齊方式,請參考【插入圖片】。

  • CONTROLS="console / smallconsole / playbutton / pausecutton / stopbutton / volumelever"
    設定控制畫面的外貌。預設值是 console。
    console 一般正常的面板   
    smallconsole 較小的面板   
    playbutton 只顯示播放按鈕   
    pausecutton 只顯示暫停按鈕   
    stopbutton 只顯示停止按鈕   
    volumelever 只顯示音量調整鈕
  • ■ <EMBED> 與<BGSOUND>:
    <EMBED> 與<BGSOUND> 都可用以插入背景音樂,分別是 BGSOUND 只為 IE 所支援而 EMBED 則為 NC 及新版 IE 所支援,常有人問:“為甚麼用 IE 看我的網頁可聽到背景音 樂,用 NC 便聽不到?”。以 Fontpage 製作網頁的人通常只用 BGSOUND 標記,但只用 EMBED 比只用 BGSOUND 來得聰明,以下是利用 JavaScript 處理的方法:

    <SCRIPT LANGUAGE=JavaScript>
    //<!--
    if(navigator.userAgent.indexOf( "MSIE" )!=-1)
      document.write('<BGSOUND src="your.mid" loop=infinite autostart=true>');
    else
      document.write('<EMBED src="your.mid" hidden="true" autostart="true" loop="true">');
    //-->
    </SCRIPT>

    把以上 JavaScript 取代上方「簡單步驟」中的 HTML Code 便可以。

    ■ 提供 MIDI 的下載及即時播放:
    MIDI 的下載較為容易,你只要把 MIDI 檔當成 HTML 檔一樣連結便可以。即當你按下 Link 鍵後填選的不再是 html 網頁檔案而是 midi 音樂檔,每當 Internet Explorer 覽者按下這 類連結都會被詢問要儲存或播放,而 Netscape Communicator 則需要以滑鼠右擊後選擇 Save Link As 。連結方法請參考【連結進階】。

    MIDI 的即時播放若安裝一個 CGI 則是最妥善的方法,這會在【CGI集】及【CGI剖析】才 介紹,這處教你使用框架及 Java Script 結合的一個方法:

    先看實例,若喜歡才學下去。

    原理:
    由於涉及 JavaScript 己非本節範圍,所以這處不會一步步介紹,只道出其原理而 已,請自行參考那實例的 Source Code。那實例是採用框架分成三個框窗,上方是 一最大的,右下角的框窗是裝飾用的,左下角便是播放的地方,每按一次播放這 框窗便更換不同的檔案,因為一個 html 檔案只可以有效播一首背景音樂,那 JavaScript 便是為每個 Midi 產生一個 html 檔案,免得你為所有 Midi 分別預先製造 不同的 html 檔案。框架製法請參考【運用框架】。

    注意:

    • 那 Script 中只採用 <EMBED> 標記播放音樂,若擔心舊版的 Internet Explorer 不支 援請自行加入 <BGSOUND> 標記,其用法在【HTML剖析】會有詳細的解說。
    • 若你不明如何看那 Source Code,請下載 music.zip ,這檔案包括那框架四個 html 檔 案及那十多個 midi file 以便閣下自行推敲。
    The Best Web Hosting Company
    Download Internet Explorer Download Netscape Netvigator