靜音事件javascript上的音頻HTML5？ 在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屬性，否則將其設置為true ，否則將其設置為false

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

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

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