html音頻在單擊播放時靜音，然后在單擊靜音時再次靜音

Question

我想要適合功能的html音頻代碼：單擊音頻打開，然后再次單擊音頻關閉。 我整天搜索，僅發現以下代碼：

html

<a href="#noscroll" id="mute">toggle sound</a>

javascript

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

document.getElementById('mute').addEventListener('click', function (e)
{
    e = e || window.event;
    audio.muted = !audio.muted;
    e.preventDefault();
}, false);

但這會自動開始，我希望音頻開始靜音，然后再執行相同的功能。

Answer 1

然后，您可以將音頻設置為在加載時靜音。 audio.muted = true;

var audio = document.getElementById('background_audio');
audio.muted = true;
document.getElementById('mute').addEventListener('click', function (e)
{
    e = e || window.event;
    audio.muted = !audio.muted;
    e.preventDefault();
}, false);