我有一个客户希望在她的学生进行测验时播放背景音乐。但是,测验要求某些音频文件通过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>
任何帮助表示赞赏。谢谢!
劳伦
最佳答案
在您的id
标签中添加audio
<audio id="bgplayer">
然后使用jQuery在播放点击之前将其暂停
$('#playeffect').click(function() {
$('#bgplayer').pause();
$('#effect1').play();
要恢复它,您将需要添加一个侦听器以在剪辑的
end
事件处被触发 $('#effect1').on('ended', function() {
$('#bgplayer').play();
});
关于javascript - 在播放其他音频时使音频静音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24358725/