Javascript 单击按钮时播放音频,然后停止播放,单击其他按钮时播放新音频
当用户点击一个按钮时,它播放音频,但当他们点击另一个按钮时,音频停止,然后播放该按钮的音频,依此类推。在页面加载的那一刻,我也有自动播放的背景音乐,我试图找出当按下一个新按钮时,如何停止音乐播放,然后音乐播放,因为它们当前重叠。任何帮助都将不胜感激 加载背景音乐代码:Javascript 单击按钮时播放音频,然后停止播放,单击其他按钮时播放新音频,javascript,jquery,html,audio,Javascript,Jquery,Html,Audio,当用户点击一个按钮时,它播放音频,但当他们点击另一个按钮时,音频停止,然后播放该按钮的音频,依此类推。在页面加载的那一刻,我也有自动播放的背景音乐,我试图找出当按下一个新按钮时,如何停止音乐播放,然后音乐播放,因为它们当前重叠。任何帮助都将不胜感激 加载背景音乐代码: <audio autoplay="autoplay" class="bondAudio"> <source src="audio/Bond.mp3" type="audio/mpeg">
<audio autoplay="autoplay" class="bondAudio">
<source src="audio/Bond.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
您的浏览器不支持音频元素。
单击按钮音频播放代码:
<script>
$(document).ready(function() {
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/Dr-No.mp3');
audioElement.setAttribute('play', 'play');
//audioElement.load()
$.get();
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
$('#blockLink1').click(function() {
audioElement.play();
});
});
</script>
$(文档).ready(函数(){
var audioElement=document.createElement('audio');
setAttribute('src','audio/Dr-No.mp3');
setAttribute('play','play');
//audioElement.load()
$.get();
audioElement.addEventListener(“加载”,函数(){
audioElement.play();
},对);
$('#blockLink1')。单击(函数(){
audioElement.play();
});
});
在使用jQuery时,为什么要使用纯js创建元素
<script>
$(document).ready(function() {
var audioElement = $('<audio></audio>');
audioElement.attr('src', 'audio/Dr-No.mp3');
audioElement.attr('play', 'play');
//audioElement.load()
$.get(); // ?
audioElement.on("load", function() {
audioElement.get(0).play();
}, true);
$('#blockLink1').click(function() {
$('audio').each(function() {
this.stop();
});
audioElement.get(0).play();
});
});
</script>
$(文档).ready(函数(){
var audioElement=$('');
audioElement.attr('src','audio/Dr-No.mp3');
audioElement.attr('play','play');
//audioElement.load()
$.get();/?
audioElement.on(“加载”,函数(){
audioElement.get(0.play();
},对);
$('#blockLink1')。单击(函数(){
$('audio')。每个(函数(){
这个。停止();
});
audioElement.get(0.play();
});
});
使用this.pause()代码>在另一个按钮单击事件中参考此内容,我对jQuery和整个开发非常陌生,所以我的编码不会那么好。谢谢你的回答。当我尝试代码时,音频没有播放,因为html5视频和音频标签在孩子们的时候可能会出现问题,所以音频标签中应该有什么内容吗