Question

我正在制作一个非常简单的音板类型网站（这实际上是我的第一个项目）。前提是用户加载页面，单击按钮，然后播放声音。

我遇到的问题是，如果用户点击按钮＆＃34; A＆＃34;，则在播放按钮＆＃34; A＆＃34;的声音所需的x时间内，点击按钮＆＃34; A＆＃34;不会发出声音的另一个实例。

所以，如果按钮的声音＆＃34; A＆＃34;播放需要1秒钟，用户在1秒内点击10次，按钮声音为＃A;＃34; A＆＃34;只播放一次而不是10次。

不确定此链接是否有效......但这是小提琴的链接？请注意，没有音频附加到小提琴上，因此当您单击按钮时声音实际上不会播放。 https://jsfiddle.net/pmqr9L0s/

这是我的js到目前为止的样子：

$(document).ready(function(){
    var kickBass1 = new Audio("audio/kickbass1.mp3");
    $(".kickbass1").click(function(){
        kickBass1.play();
    });

    var hihat1 = new Audio("audio/hihat1.mp3");
    $(".hihat1").click(function(){
        hihat1.play();
    });

    var snare1 = new Audio("audio/snare1.mp3");
    $(".snare1").click(function(){
        snare1.play();
    });

    //add record feature later?
    var record = function(){
    }
});

Answer 1

尝试在点击处理程序中移动变量，以便每次单击其中一个按钮时创建新的$(document).ready(function(){ $(".kickbass1").click(function(){ var kickBass1 = new Audio("audio/kickbass1.mp3"); kickBass1.play(); }); $(".hihat1").click(function(){ var hihat1 = new Audio("audio/hihat1.mp3"); hihat1.play(); }); $(".snare1").click(function(){ var snare1 = new Audio("audio/snare1.mp3"); snare1.play(); }); });元素。

add_action( 'woocommerce_order_status_completed_notification','mysite_woocommerce_order_status_completed',5,1 );

在完成播放之前再次点击播放音频文件

1 个答案: