javascript - 背景音乐静音/取消静音切换？更换图片？

Question

这个问题已经有答案了:

mute and unmute button toggle html5 audio (2 个回答)

已关闭 8 年前。

我有我的背景音乐:

<audio id="bgm" autoplay="autoplay">
    <source src="assets/music.mp3" type="audio/mp3">
</audio>

我还尝试制作静音按钮:

<a onclick="document.getElementById('bgm').muted = true; return false">
    <img src="assets/vol.png"/>
</a>

至于取消静音，我很茫然。换个图？我是网页设计的新手，所以请原谅我缺乏知识。

Answer 1

您可以设置它，以便当您单击按钮时它总是执行与当前设置相反的操作:

<a onclick="document.getElementById('bgm').muted = !document.getElementById('bgm').muted; return false">
    <img src="assets/vol.png"/>
</a>