- 相關(guān)推薦
Dreamweaver怎樣為網(wǎng)頁添加背景音樂
dreamweaver怎么插入音樂?這是很多人都想了解的，下面給大家介紹Dreamweaver怎樣為網(wǎng)頁添加背景音樂，一起來學(xué)習(xí)吧!
Dreamweaver怎樣為網(wǎng)頁添加背景音樂
為網(wǎng)頁添加背景音樂的方法一般有兩種，第一種是通過普通的〈 bgsound〉標(biāo)簽來添加，另一種是通過〈 embed〉標(biāo)簽來添加。
使用〈 bgsound〉標(biāo)簽
用Dreamweaver打開需要添加背景音樂的頁面，點(diǎn)擊“代碼”打開代碼編輯視圖，在〈 body〉〈 /body〉之間輸入“〈 ”在彈出的代碼提示框中選擇bgsound(圖1)。
Dreamweaver自動(dòng)輸入“〈 bgsound”代碼后按空格鍵，代碼提示框會(huì)自動(dòng)將bgsound標(biāo)簽的屬性列出來供你選擇使用。bgsound標(biāo)簽共有五個(gè)屬性，其中balance是設(shè)置音樂的左右均衡，delay是進(jìn)行播放延時(shí)的設(shè)置，loop是循環(huán)次數(shù)的控制，src則是我們音樂文件的路徑，volume是音量設(shè)置。一般在添加背景音樂時(shí)，我們并不需要對(duì)音樂進(jìn)行左右均衡以及延時(shí)等設(shè)置，所以僅需要幾個(gè)主要的參數(shù)
就可以了。最后的代碼如下：
〈 bgsound src="music.mid" loop="-1"〉
其中，loop="-1"表示音樂無限循環(huán)播放，如果你要設(shè)置播放次數(shù)，則改為相應(yīng)的數(shù)字即可。
這種添加背景音樂的方法是最基本的方法，也是最為常用的一種方法，對(duì)于背景音樂的格式支持現(xiàn)在大多的主流音樂格式，如WAV、MID、MP3等。如果要顧及到網(wǎng)速較低的瀏覽者，則可以使用MID音效作為網(wǎng)頁的背景音樂，因?yàn)镸ID音樂文件小，這樣在網(wǎng)頁打開的過程中能很快加載并播放，但是MID也有不足的地方，它只能存放音樂的旋律，沒有好聽的和聲以及唱詞。如果你的網(wǎng)速較快，或是覺得MID音樂有些單調(diào)，也可以添加MP3的音樂。只要將上述代碼中的happy.mid改為happy.mp3即可。
提示：在FrontPage中加入背景音樂要比Dreamweaver相對(duì)方便一些，只要在“背景”對(duì)話框中進(jìn)行相關(guān)設(shè)置即可(圖2)。
使用〈 embed〉標(biāo)簽
使用〈 embed〉標(biāo)簽來添加音樂的方法并不是很常見，但是它的功能非常強(qiáng)大，如果結(jié)合一些播放控件就可以打造出一個(gè)Web播放器。
它的使用方法與第一種基本一樣，只是第一步的代碼提示框里不要選擇gbsound，改而選擇embed即可。然后再選擇它的屬性進(jìn)行相應(yīng)的設(shè)置(圖3)，從圖中可看出embed的`屬性比gbsound的五個(gè)屬性多許多。最后的代碼如下：〈 embed src="music.mp3" autostart="true" loop="true" hidden="true"〉〈 /embed〉。
其中autostart用來設(shè)置打開頁面時(shí)音樂是否自動(dòng)播放，而hidden設(shè)置是否隱藏媒體播放器。因?yàn)閑mbed實(shí)際上類似一個(gè)Web頁面的音樂播放器，所以如果沒有隱藏，則會(huì)顯示出你系統(tǒng)默認(rèn)的媒體插件的。
對(duì)于這兩種方法，筆者認(rèn)為二者之間都各有優(yōu)缺點(diǎn)：第一種方法當(dāng)頁面打開時(shí)音樂播放，如果將頁面最小化以后播放音樂會(huì)自動(dòng)暫停，如果使用第二種方法則不會(huì)出現(xiàn)這種情況，只要不將窗口關(guān)閉，它會(huì)一直播放。所以希望大家在運(yùn)用過程中根據(jù)自己的情況來選擇添加音樂的方法。
學(xué)會(huì)了簡(jiǎn)單的添加網(wǎng)頁音樂方法后，就應(yīng)該在界面和功能上下點(diǎn)功夫了。我們可以利用《網(wǎng)頁音樂播放器》打造一個(gè)時(shí)尚的音樂播放器。
【Dreamweaver怎樣為網(wǎng)頁添加背景音樂】相關(guān)文章：
dreamweaver怎樣添加超鏈接10-04
Dreamweaver怎么給網(wǎng)頁添加下拉的條幅09-09
Dreamweaver如何給網(wǎng)頁添加下拉的條幅08-23
Dreamweaver怎樣制作網(wǎng)頁模板10-23
Dreamweaver為頁面添加圖片教程10-23
Dreamweaver怎樣制作網(wǎng)頁發(fā)布網(wǎng)站05-28
用Dreamweaver為網(wǎng)頁進(jìn)行優(yōu)化08-23