當前位置:才華齋>設計>網頁設計>

Dreamweaver怎樣為網頁新增背景音樂

網頁設計 閱讀(1.24W)

dreamweaver怎麼插入音樂?這是很多人都想了解的,下面給大家介紹Dreamweaver怎樣為網頁新增背景音樂,一起來學習吧!

Dreamweaver怎樣為網頁新增背景音樂

  Dreamweaver怎樣為網頁新增背景音樂

為網頁新增背景音樂的方法一般有兩種,第一種是通過普通的〈 bgsound〉標籤來新增,另一種是通過〈 embed〉標籤來新增。

  使用〈 bgsound〉標籤

用Dreamweaver開啟需要新增背景音樂的頁面,點選“程式碼”開啟程式碼編輯檢視,在〈 body〉〈 /body〉之間輸入“〈 ”在彈出的程式碼提示框中選擇bgsound(圖1)。

Dreamweaver自動輸入“〈 bgsound”程式碼後按空格鍵,程式碼提示框會自動將bgsound標籤的屬性列出來供你選擇使用。bgsound標籤共有五個屬性,其中balance是設定音樂的左右均衡,delay是進行播放延時的設定,loop是迴圈次數的控制,src則是我們音樂檔案的路徑,volume是音量設定。一般在新增背景音樂時,我們並不需要對音樂進行左右均衡以及延時等設定,所以僅需要幾個主要的引數

就可以了。最後的程式碼如下:

〈 bgsound src="" loop="-1"〉

其中,loop="-1"表示音樂無限迴圈播放,如果你要設定播放次數,則改為相應的數字即可。

這種新增背景音樂的方法是最基本的方法,也是最為常用的一種方法,對於背景音樂的格式支援現在大多的主流音樂格式,如WAV、MID、MP3等。如果要顧及到網速較低的瀏覽者,則可以使用MID音效作為網頁的背景音樂,因為MID音樂檔案小,這樣在網頁開啟的過程中能很快載入並播放,但是MID也有不足的地方,它只能存放音樂的旋律,沒有好聽的和聲以及唱詞。如果你的.網速較快,或是覺得MID音樂有些單調,也可以新增MP3的音樂。只要將上述程式碼中的改為3即可。

提示:在FrontPage中加入背景音樂要比Dreamweaver相對方便一些,只要在“背景”對話方塊中進行相關設定即可(圖2)。

 使用〈 embed〉標籤

使用〈 embed〉標籤來新增音樂的方法並不是很常見,但是它的功能非常強大,如果結合一些播放控制元件就可以打造出一個Web播放器。

它的使用方法與第一種基本一樣,只是第一步的程式碼提示框裡不要選擇gbsound,改而選擇embed即可。然後再選擇它的屬性進行相應的設定(圖3),從圖中可看出embed的屬性比gbsound的五個屬性多許多。最後的程式碼如下:〈 embed src="3" autostart="true" loop="true" hidden="true"〉〈 /embed〉。

其中autostart用來設定開啟頁面時音樂是否自動播放,而hidden設定是否隱藏媒體播放器。因為embed實際上類似一個Web頁面的音樂播放器,所以如果沒有隱藏,則會顯示出你係統預設的媒體外掛的。

對於這兩種方法,筆者認為二者之間都各有優缺點:第一種方法當頁面開啟時音樂播放,如果將頁面最小化以後播放音樂會自動暫停,如果使用第二種方法則不會出現這種情況,只要不將視窗關閉,它會一直播放。所以希望大家在運用過程中根據自己的情況來選擇新增音樂的方法。

學會了簡單的新增網頁音樂方法後,就應該在介面和功能上下點功夫了。我們可以利用《網頁音樂播放器》打造一個時尚的音樂播放器。