巧為網(wǎng)頁添加背景音樂

《巧為網(wǎng)頁添加背景音樂》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、對于個人站長來說，如何能使自己的網(wǎng)站與眾不同、充滿個性，一直是不懈努力的目標(biāo)。除了盡量提高頁面的視覺效果、互動功能以外，如果能在打開網(wǎng)頁的同時，聽到一曲優(yōu)美動人的音樂，相信這會使你的網(wǎng)站增色不少。　　一、學(xué)會添加音樂文件　　為網(wǎng)頁添加背景音樂的方法一般有兩種，第一種是通過普通的標(biāo)簽來添加，另一種是通過標(biāo)簽來添加?！　?一)使用標(biāo)簽　　用Dreamweaver打開需要添加背景音樂的頁面，點擊“代碼”打開代碼編輯視圖，在之間輸入“　　　對于個人站長來說，如何能使自己的網(wǎng)站與眾不同、充滿個性，一直是不懈努力的目標(biāo)。除了盡量提高頁

2、面的視覺效果、互動功能以外，如果能在打開網(wǎng)頁的同時，聽到一曲優(yōu)美動人的音樂，相信這會使你的網(wǎng)站增色不少?！　∫?、學(xué)會添加音樂文件　　為網(wǎng)頁添加背景音樂的方法一般有兩種，第一種是通過普通的標(biāo)簽來添加，另一種是通過標(biāo)簽來添加。　　(一)使用標(biāo)簽　　用Dreamweaver打開需要添加背景音樂的頁面，點擊“代碼”打開代碼編輯視圖，在之間輸入“　　　對于個人站長來說，如何能使自己的網(wǎng)站與眾不同、充滿個性，一直是不懈努力的目標(biāo)。除了盡量提高頁面的視覺效果、互動功能以外，如果能在打開網(wǎng)頁的同時，聽到一曲優(yōu)美動人的音樂，相信這會使你的網(wǎng)

3、站增色不少?！　∫?、學(xué)會添加音樂文件　　為網(wǎng)頁添加背景音樂的方法一般有兩種，第一種是通過普通的標(biāo)簽來添加，另一種是通過標(biāo)簽來添加?！　?一)使用標(biāo)簽　　用Dreamweaver打開需要添加背景音樂的頁面，點擊“代碼”打開代碼編輯視圖，在之間輸入“　　　　圖1　　Dreamweaver自動輸入“　　其中，loop="-1"表示音樂無限循環(huán)播放，如果你要設(shè)置播放次數(shù)，則改為相應(yīng)的數(shù)字即可?！　∵@種添加背景音樂的方法是最基本的方法，也是最為常用的一種方法，對于背景音樂的格式支持現(xiàn)在大多的主流音樂格式，如WAV、MID、MP3等。

4、如果要顧及到網(wǎng)速較低的瀏覽者，則可以使用MID音效作為網(wǎng)頁的背景音樂，因為MID音樂文件小，這樣在網(wǎng)頁打開的過程中能很快加載并播放，但是MID也有不足的地方，它只能存放音樂的旋律，沒有好聽的和聲以及唱詞。如果你的網(wǎng)速較快，或是覺得MID音樂有些單調(diào)，也可以添加MP3的音樂。只要將上述代碼中的happy.mid改為happy.mp3即可。　　提示：在FrontPage中加入背景音樂要比Dreamweaver相對方便一些，只要在“背景”對話框中進(jìn)行相關(guān)設(shè)置即可(圖2)?！　　　D2　　(二)使用標(biāo)簽　　使用標(biāo)簽來添加音樂的方法

5、并不是很常見，但是它的功能非常強(qiáng)大，如果結(jié)合一些播放控件就可以打造出一個Web播放器?！　∷氖褂梅椒ㄅc第一種基本一樣，只是第一步的代碼提示框里不要選擇gbsound，改而選擇embed即可。然后再選擇它的屬性進(jìn)行相應(yīng)的設(shè)置(圖3)，從圖中可看出embed的屬性比gbsound的五個屬性多許多。最后的代碼如下：。　　　　圖3　　其中autostart用來設(shè)置打開頁面時音樂是否自動播放，而hidden設(shè)置是否隱藏媒體播放器。因為embed實際上類似一個Web頁面的音樂播放器，所以如果沒有隱藏，則會顯示出你系統(tǒng)默認(rèn)的媒體插件的

6、?！　τ谶@兩種方法，筆者認(rèn)為二者之間都各有優(yōu)缺點：第一種方法當(dāng)頁面打開時音樂播放，如果將頁面最小化以后播放音樂會自動暫停，如果使用第二種方法則不會出現(xiàn)這種情況，只要不將窗口關(guān)閉，它會一直播放。所以希望大家在運用過程中根據(jù)自己的情況來選擇添加音樂的方法?！　W(xué)會了簡單的添加網(wǎng)頁音樂方法后，就應(yīng)該在界面和功能上下點功夫了。我們可以利用《網(wǎng)頁音樂播放器》打造一個時尚的音樂播放器?！　《?、打造時尚音樂播放器　　學(xué)會了簡單的添加網(wǎng)頁音樂方法后，就應(yīng)該在界面和功能上下點功夫了。我們可以利用《網(wǎng)頁音樂播放器》打造一個時尚的音樂播放器。

7、　　提示：《網(wǎng)頁音樂播放器》是一個網(wǎng)頁插件，運行制作好的頁面后，它會調(diào)用系統(tǒng)自帶的Windows　Media播放器來播放事先設(shè)定好的MP3歌曲?！　?一)簡單設(shè)置　　首先下載播放插件(下載地址：http//www.mh.fy.cn/soft/music.rar)，解壓后進(jìn)入目錄，其中music.htm就是我們要在主頁上加載的播放條頁面，list.htm是瀏覽者用于查看播放列表的彈出頁面，js文件夾里存放的是幾個播放控制文件，img里則是一些播放界面的圖片文件?！　∈褂镁W(wǎng)頁編輯軟件打開music.htm，找到以下代碼：　　

8、var　blnAutoStart　=　true　　　var　blnRndPlay　=　false　　　var　blnStatusBar　=　false　　　var　blnShowVolCtrl　=　true　　var　blnShowPlist　=　true　　var　blnUseSmi　=　f