切换 HTML5 音频的“静音”属性

【问题标题】：Toggling the 'muted' attribute of HTML5 audio切换 HTML5 音频的“静音”属性
【发布时间】：2014-05-01 14:43:05
【问题描述】：

我正在尝试创建一个静音/取消静音按钮，我对 jquery 还是很陌生，所以如果有人能给我任何指点，将会很有帮助：

$("#dinner").click(function() {
       var bool = $("#player").muted;
       $("#player").attr("muted",!bool);
});

【问题讨论】：

【解决方案1】：

修复它，“静音”属性实际上是一个属性：

$("#dinner").click(function() {
        var bool = $("#player").prop("muted");
        $("#player").prop("muted",!bool);
});

这也可以通过使用 ES6 箭头函数以及向prop() 提供一个函数来更简洁地完成，该函数接受属性的当前状态作为参数。在这种情况下，代码将如下所示：

$('#dinner').on('click', () => $('#player').prop('muted', (_, muted) => !muted));

【讨论】：