如何在Jquery循环(metronome)中播放声音?

如何在Jquery循环(metronome)中播放声音?,jquery,audio,Jquery,Audio,我想使用jquery制作一个节拍器,用点击声音和颜色来可视化节拍。在这一点上,视觉部分运作良好,但我有一个问题的声音 无法使其工作,它应该按选定的节拍每分钟发出嘟嘟声的次数 代码如下: $(function(){ var intervalReference = 0; var metronomeTick = function() { $("#metronome").stop(); $("#metronome").animate({opacity: 1}, 30,

我想使用jquery制作一个节拍器,用点击声音和颜色来可视化节拍。在这一点上,视觉部分运作良好,但我有一个问题的声音

无法使其工作,它应该按选定的节拍每分钟发出嘟嘟声的次数

代码如下:

$(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有一个完善的插件,试试看。