HTML | DOM onvolumechange 事件

介绍

onvolumechange 事件在音频或视频元素的音量发生改变时触发。

该事件可以用于实时监测用户对音量的调整或在音量变化时执行特殊的代码，如更改音量滑块的位置。

语法

element.onvolumechange = function() {...}

示例

<audio onvolumechange="handleVolumeChange()">
  <source src="audio.mp3" type="audio/mpeg">
</audio>

function handleVolumeChange() {
  const volume = document.querySelector('audio').volume;
  console.log(`当前音量为：${volume}`);
}

在上述示例中，我们向音频元素添加了 onvolumechange 事件，并将其绑定到一个名为 handleVolumeChange 的函数。在每次音量变化时，该函数会将当前音量打印到控制台上。

参考

• MDN web docs: onvolumechange