静音和取消按钮在html

Question 1

我创造一个HTML网页与多个音频。我想要静音键，它可静音所有的音频的那页的在一起，使得我们甚至玩另一个声音即使它发挥但是，我们不能听到任何东西。

但它仅仅创建一个切换键，但不是静音的音频。

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

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

任何人都可以请点我在正确的方向？

谢谢你。

Question 2

一次尝试用这个代码它会工作的罚款。

JavaScript Code

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>

Sateesh · Answer 1 · 2021-11-24T05:11:48

1

一次尝试用这个代码它会工作的罚款。

JavaScript Code

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>

Sateesh

2021-11-24 05:11:48

不为我工作

Jituu

我检查了你有缺失的属性 controls 在音频标签。简单使用这种控制是可见的。如果仍然希望使用静/取消肘javascript然后控制已经使用 toggleMute() 功能。工作实例可以在这个网址 jsfiddle.net/0ght2xpz

Sateesh

我得到这一错误在控制台："未捕获的类型错误:文件。getElementByID不是一个功能"时产生的代码没有工作

Jituu

在那里执行这个代码? 在浏览器？它会在浏览器肯定的。你可以把你的代码 jsfiddle.net 这样我可以看到，什么错你正在做的事情。

Sateesh

文件。getElementById是工作的罚款。使用的小型"d"的标识。

Jituu

好吧好吧，如果你将面临的任何问题有关的这然后告诉我。

Sateesh

静音和取消按钮在html

的问题

最好的答案

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别