在播放其他音频时使音频静音

Question

我有一位客户希望在她的学生参加测验时播放背景音乐。但是，测验要求某些音频文件通过 onclick 效果播放。当学生点击播放音频文件时，我的客户希望背景音乐静音，然后在 onclick 音频文件完成后继续播放。

有没有办法做到这一点？这是我用来触发小的 onclick 音频效果的代码：

var effect1 = document.createElement('audio');
effect1.setAttribute('src', 'audio.mp3');
$.get();
effect1.addEventListener("load", function() {
    effect1.play();
}, true);
$('.effect1').click(function() {
    effect1.play();
});

这是我的背景音乐代码：

<audio autoplay loop>
    <source src="background.mp3">
</audio>

感谢任何帮助。谢谢！

劳伦

Answer 1

将id 添加到您的audio 标签

<audio id="bgplayer">

然后在播放点击之前使用jQuery暂停它

$('#playeffect').click(function() {
   $('#bgplayer').pause();
   $('#effect1').play();

要恢复它，您需要添加一个侦听器以在剪辑的end 事件中触发

   $('#effect1').on('ended', function() {
     $('#bgplayer').play();
   });