如何在Jquery循环(metronome)中播放声音?
我想使用jquery制作一个节拍器,用点击声音和颜色来可视化节拍。在这一点上,视觉部分运作良好,但我有一个问题的声音 无法使其工作,它应该按选定的节拍每分钟发出嘟嘟声的次数 代码如下:如何在Jquery循环(metronome)中播放声音?,jquery,audio,Jquery,Audio,我想使用jquery制作一个节拍器,用点击声音和颜色来可视化节拍。在这一点上,视觉部分运作良好,但我有一个问题的声音 无法使其工作,它应该按选定的节拍每分钟发出嘟嘟声的次数 代码如下: $(function(){ var intervalReference = 0; var metronomeTick = function() { $("#metronome").stop(); $("#metronome").animate({opacity: 1}, 30,
$(function(){
var intervalReference = 0;
var metronomeTick = function() {
$("#metronome").stop();
$("#metronome").animate({opacity: 1},
30,
function() { $(this).animate({opacity:0});
$("#beep").append('autostart', 'true');
}
);
};
$(function() {
var slider = $("#bpm").slider({
min: 40,
max: 240,
value: 120,
slide: function( event, ui ) {
clearInterval(intervalReference);
intervalReference = setInterval(metronomeTick, 1000*60/ui.value);
$("#bpmshow").text("bpm: " + ui.value);
}
});
});
});
HTML:
<div id="bpm"></div>
<span id="bpmshow"></span>
<div id="metronome"></div>
<embed id="beep" src="timer.wav" hidden="true" loop="true" autostart="false">
任何帮助都将不胜感激,非常感谢 $(“#哔声”).append('autostart','true')代码>将文本追加到元素。您可能需要设置autostart属性本身:
$("#beep").attr('autostart', 'true');
好吧,我走错了路
我想在每次显示可视div时听到声音。问题是我使用了animate()
函数来执行此操作,但它无法触发play()
事件
我使用window.setTimeout()
来控制计时,并使用play()
来加载和播放嘟嘟声,这要感谢HTML5
标记
抱歉,无法解释更多内容,脚本尚未完成 谢谢,但还是不行。好像声音不在循环中。也许我尝试使用嵌入标签而不是其他东西的方法是错误的。jQuery有一个完善的插件,试试看。