html 中的音频静音和取消静音按钮

Question

我正在创建一个包含多个音频的 HTML 页面。我想要一个静音按钮，它可以将那个页面的所有音频一起静音，这样即使我们播放另一个音频，即使它播放但我们听不到任何声音。

我指的是 code mentioned here。

但它只创建了一个切换按钮，但没有静音。

页面上使用的音频标签如下：

            <audio id="audio_playo24">
                <source src="voice/vo3.mp3" type="audio/mp3" />
            </audio>

谁能给我指出正确的方向？

谢谢。

Answer 1

使用此代码尝试一次它会正常工作。

JavaScript代码

function toggleMute() {
   var myAudio = document.getElementById('audio_playo24');
   myAudio.muted = !myAudio.muted;
}

HTML代码

<audio id="audio_playo24" controls>
   <source src="voice/vo3.mp3" type="audio/mp3" />
</audio>
<a href="javascript:void(0);" onclick="toggleMute()">Mute/Unmute</a>

html 中的音频静音和取消静音按钮

Audio mute and unmute button in html

html

javascript

audio

jquery