html 中的音頻靜音和取消靜音按鈕

Question

我正在創建一個帶有多個音頻的 HTML 頁面。 我想要一個靜音按鈕，它可以將該頁面的所有音頻一起靜音，這樣即使我們播放另一個音頻，即使它播放但我們什么也聽不到。

我指的是這里提到的代碼。

但它只創建一個切換按鈕，而不是靜音。

頁面上使用的音頻標簽如下：

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