Question

这是我的JavaScript文件，我想通过按下按钮将其用于在我的html文件中静音

//checks if its muted or not
var muteCheck = 1;

//function to mute and unmute
function mute() {  
    muteCheck = muteCheck + 1;

    if (muteCheck % 2 === 0) {
        document.getElementById("music").muted = true;
    } else if (muteCheck % 2 === 1) {
        document.getElementById("music").muted = false;
    }
}

这是我的html文件的样子

<body>

    <audio autoplay loop>
        <source src="audio/something.mp3" id="music">
    </audio>

    <button type="button" id="muteButton" onclick="mute()">mute</button>

    <script src="variablesAndFunctions.js" type="text/javascript">

       mute()

    </script>

</body>

我在Chrome中打开它，当按下按钮时没有任何反应，控制台或其他任何东西都没有打印。我是编码的新手，所以我不知道我做错了什么。

感谢任何帮助，谢谢：D

Answer 1

您在muted上设置了<source>，而不是<audio>。问题已被编辑，但我相信这是唯一的错误。

Answer 2

您正在切换muted元素的<source>属性，但这没有意义。

该属性适用于<audio>元素。

document.getElementById("music").parentNode.muted

Answer 3

这种改变会有所帮助

<audio autoplay="autoplay" loop="loop" id="music" >
    <source src="audio/something.mp3" >
</audio>

Answer 4

插入此功能，它附带静音控件，无需js

如何使用html按钮从.js文件调用函数？

4 个答案: