애니메이션 후 HTML5에서 사운드를 재생하는 방법은 무엇입니까?

Question

현재 개발중인 게임에서 사운드를 재생하는 방법에 어려움을 겪고 있습니다.

애니메이션을 재생 한 후에 사운드를 재생해야하지만 sound.play()를 호출하려고 할 때 필요합니다.

그리고 브라우저는 인간 제스처를 사용하여 소리 만 재생할 수 있다고 말합니다.

누구나 친절하게 여기에서 공유 할 수 있습니다. 감사.

추가 된 ============

나는 모바일 장치에서이 문제가 발생하고있다.

Answer 1

샘플 코드가 유용 할 수 있지만이 질문에 jQuery 태그가 지정되어 있으므로이 라이브러리에 대한 솔루션을 찾고 있다고 가정합니다.

$("#element").animate({ 
    opacity: 0.25 
    }, 5000, function() { 
    // animation is complete 
    // play your sound here 
}); 

당신은 documentation에 더 많은 예제를 찾을 수 있습니다 그리고 jQuery.animate 애니메이션 완료 후, 볼 콜백을 소요하고 그것을 실행합니다.

Answer 2

@ Remek의 대답은 jQuery를 사용하여 애니메이션을 작성하는 경우에 맞지만 TweenJS에 태그를 추가 했으므로 call을 사용할 수 있으므로 TweenJS 대기열에 함수 호출을 대기시킵니다.

createjs.Tween.get(obj) 
    .to({x:1000}, 3000, createjs.Ease.quadOut) 
    .call(function(tween) { 
     createjs.Sound.play("soundId"); 
    }); 

Tween 대기열 내에서 또는 마지막에 통화를 사용할 수 있습니다. 트윈은 이벤트를 전달하지만 "완료"이벤트가 아니라 "변경"이벤트 만 포함한다는 점에 유의하십시오. 트윈은 반복, 반전 및 추가 애니메이션을 추가하기 위해 지속적으로 연결될 수 있으므로 실제로 "완료"하지 않습니다. 이것이 call 메서드가있는 이유입니다.

call 메서드는 매개 변수와 함수 범위도 허용합니다. "인간의 제스처"에 대한 질문에 대해서는 http://www.createjs.com/docs/tweenjs/classes/Tween.html#method_call

---

이는 소리 재생 뭔가를 클릭해야합니다 모바일 플랫폼에 주로 적용 (오디오 문맥의 잠금을 해제, 그래서 그냥 한 번 일이있다). 최신 SoundJS가이를 자동으로 처리하여 (스크롤하는 경우에도)를 누르면 빈 소리가 자동으로 재생됩니다. 이 작업을 수행하기 위해 스크롤을 사용하는 것이 더 이상 사용되지 않으므로 사용자가이 작업을 올바르게 수행하기 위해 "클릭/탭"해야 할 수도 있습니다.하지만이 경우에는 SoundJS가 잠금 해제를 처리합니다.

건배.