（一）使用<bgsound>标簽
用Dreamweaver打開需要添加背景音樂的頁面，點選“代碼”打開代碼編輯視圖，在<body></body>之間輸入“<”在彈出的代碼提示框中選擇bgsound。
Dreamweaver自動輸入“<bgsound”代碼後按空格鍵，代碼提示框會自動将bgsound标簽的屬性列出來供你選擇使用。bgsound标簽共有五個屬性，其中balance是設定音樂的左右均衡，delay是進行播放延時的設定，loop是循環次數的控制，src則是我們音樂檔案的路徑，volume是音量設定。一般在添加背景音樂時，我們并不需要對音樂進行左右均衡以及延時等設定，是以僅需要幾個主要的參數就可以了。最後的代碼如下：
<bgsound src="music.mid" loop="-1">
其中，loop="-1"表示音樂無限循環播放，如果你要設定播放次數，則改為相應的數字即可。
這種添加背景音樂的方法是最基本的方法，也是最為常用的一種方法，對于背景音樂的格式支援現在大多的主流音樂格式，如WAV、MID、MP3等。如果要顧及到網速較低的浏覽者，則可以使用MID音效作為網頁的背景音樂，因為MID音樂檔案小，這樣在網頁打開的過程中能很快加載并播放，但是MID也有不足的地方，它隻能存放音樂的旋律，沒有好聽的和聲以及唱詞。如果你的網速較快，或是覺得MID音樂有些單調，也可以添加MP3的音樂。隻要将上述代碼中的happy.mid改為happy.mp3即可。
提示：在FrontPage中加入背景音樂要比Dreamweaver相對友善一些，隻要在“背景”對話框中進行相關設定即可。
（二）使用<embed>标簽
使用<embed>标簽來添加音樂的方法并不是很常見，但是它的功能非常強大，如果結合一些播放控件就可以打造出一個Web播放器。
它的使用方法與第一種基本一樣，隻是第一步的代碼提示框裡不要選擇gbsound，改而選擇embed即可。然後再選擇它的屬性進行相應的設定，從圖中可看出embed的屬性比gbsound的五個屬性多許多。最後的代碼如下：<embed src="music.mp3" autostart="true" loop="true" hidden="true"></embed>。
其中autostart用來設定打開頁面時音樂是否自動播放，而hidden設定是否隐藏媒體播放器。因為embed實際上類似一個Web頁面的音樂播放器，是以如果沒有隐藏，則會顯示出你系統預設的媒體插件的。
對于這兩種方法，筆者認為二者之間都各有優缺點：第一種方法當頁面打開時音樂播放，如果将頁面最小化以後播放音樂會自動暫停，如果使用第二種方法則不會出現這種情況，隻要不将視窗關閉，它會一直播放。是以希望大家在運用過程中根據自己的情況來選擇添加音樂的方法。
學會了簡單的添加網頁音樂方法後，就應該在界面和功能上下點功夫了。我們可以利用《網頁音樂播放器》打造一個時尚的音樂播放器。一、學會添加音樂檔案
為網頁添加背景音樂的方法一般有兩種，第一種是通過普通的<bgsound>标簽來添加，另一種是通過<embed>标簽來添加。
![Vue+SpringMVC簡單互動實踐入門前言Vue前端編寫背景基于SpringMVC搭建過程[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)