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

Question

我有背景音乐：

<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>