今天我們要講的主題是如何在JavaScript中添加音樂。當我們瀏覽網頁時，經常會看到網站上添加音樂的效果，比如自動播放背景音樂、點擊按鈕播放音效等等，這些都是通過JavaScript來實現的。

要在網頁中加入音樂，我們可以使用HTML5的audio標簽來實現，這個標簽具有很好的瀏覽器兼容性和可控性。在使用audio標簽之前，我們需要準備好音樂文件，音樂文件的格式可以是MP3、OGG、WAV等常見格式。

<audio id="music" src="http://example.com/music.mp3"></audio>

上面的代碼中，我們通過audio標簽添加了一首音樂，其中的id屬性可以指定該音樂的唯一標識符，src屬性則指定了音樂的文件路徑。

接下來，我們就可以通過JavaScript來對音樂進行控制了。比如，我們可以通過play()方法來播放音樂，通過pause()方法來暫停音樂，通過currentTime屬性來設置當前播放位置等等。

// 播放音樂
document.getElementById("music").play();
// 暫停音樂
document.getElementById("music").pause();
// 設置當前播放位置
document.getElementById("music").currentTime = 10;

在實際應用中，我們還可以通過添加自定義控件來實現更加靈活的音樂控制。比如，我們可以添加一個播放按鈕，點擊按鈕時觸發播放事件。代碼如下：

<audio id="music" src="http://example.com/music.mp3"></audio>
<button onclick="playMusic()">播放</button>
<script>
function playMusic() {
document.getElementById("music").play();
}
</script>

上面的代碼中，我們添加了一個按鈕并綁定了一個playMusic()函數，該函數在按鈕點擊時觸發，實現音樂的播放控制。當然，這只是一個最簡單的示例，在實際應用中，我們可以根據需求自定義各種控件。

總的來說，JavaScript結合audio標簽可以輕松地實現音樂播放控制，并且具有很好的瀏覽器兼容性和可控性。在實際應用中，我們可以根據需求自定義各種控件來實現更加靈活的音樂控制效果。