javascript - 音频 html5 关于静音事件 javascript？在MVC中

Question

我需要找到一些在按下静音按钮时触发的事件。仅当我更改音量时，音量更改才有效。

  <audio id="volumeController" onvolumechange="changeVolume()"controls>
            <source src="~/Sounds/beep.mp3" type="audio/mpeg"/>
        </audio>

我还尝试使用 onclick 和 onchange 事件，但它始终发送 1 而不是当前音量，而不是 0。

Answer 1

在 HTML5 中没有任何静音事件，当您点击静音并且媒体静音时，它仍然算作 volumechange 事件。但是还有另一种方法可以辨别它是静音还是静音定期调整音量；您可以使用 muted 属性，当您静音 false 时，它会设置为 true，否则

var audio = document.getElementById('audio');

audio.addEventListener('volumechange',function(e){
  if(this.muted)
        console.log('Audio muted');
}, false);

演示:http://jsfiddle.net/8w0ppdf4/