背景音乐的静音/取消静音切换?更改图片

mute/unmute toggle for background music? Change picture?

本文关键字:取消 背景音乐      更新时间:2023-10-28

我有我的背景音乐:

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

至于取消静音,我不知所措。更改图片?我是一个全新的网页设计,所以请原谅我缺乏知识。

您可以设置它,这样当您单击按钮时,它总是与当前设置相反:

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