2015-05-05 6 views
0

Я использую плагин jQuery UI Easing и хотел бы иметь соответствующий звуковой эффект при анимации. Как я могу это сделать? Вот его HTML и сценарийзвуковой эффект для jQuery UI Easing plugin

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

ответ

0

Использование 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"); 
}); 
+0

Как я могу управлять функцией play(), скажем, заставить ее играть без остановки или приостановить ее через несколько миллисекунд? –

+0

Вы можете найти больше на медиа-объекте javascript здесь: http://www.w3schools.com/tags/ref_av_dom.asp. Вы можете сделать что-то вроде 'setTimeout (function() {audio.pause(); audio.currentTime = 0;}, 500)'; Для автовоспроизведения вы могли бы привязываться к обратному вызову 'законченный' и делать' audio.play() 'там. Никогда не делал этого, но он должен работать. –

Смежные вопросы