HTML

<audio>

元素可以用來添加音頻到你的網頁。使用

volume

屬性可以控制音頻的音量。

該屬性的值介于 0（靜音）和 1（最大音量）之間。默認值為 1。

以下是設置音頻音量的示例代碼：

<audio src="music.mp3" controls="true">
設置音量：
<input type="range" min="0" max="1" step="0.1" value="1" onchange="this.nextElementSibling.innerHTML=this.value;this.previousElementSibling.volume=this.value;">
<span>1</span>
</audio>

上述代碼中，我們在

<audio>

元素中添加了

controls="true"

屬性，用來顯示音頻控件。

接著，在音頻控件下方添加了一個

<input>

元素，用來控制音量。其中，

type="range"

表示創建一個滑動條控件。min、max 和 step 屬性分別表示滑動條的取值范圍和步進值，value 屬性表示滑塊的初始值，此處為 1。

在滑動條旁邊，我們添加了一個

<span>

元素，用來顯示當前音量的值。當用戶拖動滑塊時，我們使用 onchange 事件來更新

<span>

的內容，同時設置音頻的音量，即使用

volume

屬性設置為滑塊的值。

因此，用戶可以通過滑動條方便地調節音頻的音量大小。