【问题标题】：How do I add a mute/unmute button to this auto playing sound? [duplicate]如何在此自动播放声音中添加静音/取消静音按钮？ [复制]
【发布时间】：2021-10-04 05:47:53
【问题描述】：
我正在尝试为在我的网页背景中播放的声音添加静音按钮。有人可以帮我尝试这样做吗？这是我播放声音的 HTML 代码：
<audio id="sound" autoplay="autoplay" loop="loop">
<source src="song.mp3" type="audio/mp3">
</audio>
【问题讨论】：
标签：
javascript
html
google-chrome-extension
【解决方案1】：
您必须访问您的音频元素并触发muted 属性。
如何做到这一点的示例：
<!-- HTML -->
<button onclick="toggleMuted()">Mute|Unmute</button>
<audio id="sound" autoplay="autoplay" loop="loop">
<source src="song.mp3" type="audio/mp3">
</audio>
// JS
function toggleMuted() {
var sound = document.getElementById('sound');
sound.muted = !sound.muted;
}