jQuery UI Easing插件的声音效果

Question

我正在使用jQuery UI Easing插件，并希望在动画发生时有相应的声音效果。我怎么可能这样做？ 这是它的HTML和脚本

    $('img').click(function() {
    $('img')
        .animate({left: '400px', top: '400px'}, 3000, "easeInOutQuad")
        .animate({left: '-=400px', top: '-=400px', opacity: 0}, 3000, "easeInCubic");
    });

Answer 1

使用html5音频。

var audio = new Audio('audio_file.mp3');
$('img').click(function() {
    audio.play();  
    $('img')
    .animate({left: '400px', top: '400px'}, 3000, "easeInOutQuad")
    .animate({left: '-=400px', top: '-=400px', opacity: 0}, 3000, "easeInCubic");
});