javascript - 是否可以有一个可以切换音频播放状态的按钮

Question

我正在创建一个网页，我希望人们能够按下键盘上的按钮来播放声音，我已经通过谷歌搜索了一下让这部分工作。但是现在我想要页面上有一个开/关开关，可以关闭键盘按键的声音，以便那些不希望按键发出声音的人可以有这个选项，这可能吗？

现在，我正在使用此 JavaScript 和 HTML 在按下按钮时播放声音(本例中为 A):

JavaScript:

$(document).keydown(function(e){
    if (e.keyCode == 65) { 
        document.getElementById('A').play();
        return false;
    }
});

HTML:

<audio id="A" src="A.ogg"></audio>

Answer 1

只需设置一个 bool 标志来跟踪播放状态并检查该标志以执行正确的操作:

这是长版本:

var playing = false;
var playsound = function(e){
    if (e.keyCode === 65 && !playing) { 
        document.getElementById('A').play();
        playing = true;
        return false;
    } else if(e.keyCode === 65 && playing){
        document.getElementById('A').pause();
        playing = false;
        return false;
    }
}

或者，更精简的版本:

var playing = false;
var a = document.getElementById('A');

document.addEventListener("keydown", function(e){
    if (e.keyCode === 65){
       (!playing) ? a.play() : a.pause();
       playing = !playing;
       console.log("Sound is: " + playing);
       return false;
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<audio id="A" src="" controls></audio>