jquery - 如何在Jquery循环(节拍器)中播放声音？

Question

我想用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">

任何帮助将不胜感激，非常感谢!

Answer 1

$("#beep").append('autostart', 'true');将文本追加到元素。您可能要设置autostart属性本身:

$("#beep").attr('autostart', 'true');