HTML 5 提供了一種簡便的方式來在網頁中嵌入音頻。僅需使用 <audio> 標簽，我們就可以在網頁中播放音頻文件。此外，<audio> 標簽還提供了更多的功能，例如設置音量。

<audio controls>
<source src="example.mp3" type="audio/mpeg">
<source src="example.ogg" type="audio/ogg">
<p>Your browser does not support the audio element.</p>
</audio>

在上述代碼中，我們通過 <source> 標簽來指定音頻文件。如果有多種格式的文件，可以使用多個 <source> 標簽來分別指定。

如果瀏覽器不支持 <audio> 標簽，將會顯示 <p> 標簽中的文本。接下來，我們可以使用 JavaScript 來控制音頻的播放和音量。

const audio = document.querySelector('audio');
const volume = document.querySelector('#volume');
// 播放音頻
audio.play();
// 設置音量
volume.addEventListener('change', function() {
audio.volume = this.value;
});

在上述代碼中，我們使用 <audio> 標簽的 querySelector 方法來獲取 <audio> 標簽的元素。接著，我們使用 play() 方法來播放音頻文件。

為了設置音量，我們還需要獲取用于調節音量的元素。在本例中，我們使用 ID 選擇器來獲取 <input> 標簽的元素。

最后，我們為 <input> 標簽的 'change' 事件添加了一個監聽器。當用戶調節聲音時，設置音頻的音量值為當前 <input> 標簽的值。

通過使用 HTML 5 的 <audio> 標簽和 JavaScript 的 API，我們可以輕松地在網頁中設置音量。這為網頁音頻的設計和實現提供了方便和靈活的選擇。