HTML5 및 자바 스크립트로 사운드를 재생하는 가장 좋은 방법

Question

나는 소리를 내고자 노력하고 있으며, 저에게 맞는 두 가지 방법을 발견했습니다. 더 좋은 방법과 이유는 무엇입니까? "로드"이벤트 리스너를 추가하는 것이 좋습니다.

첫 번째 방법 :

$(document).ready(function() { 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', 'sound.ogg'); 
    audioElement.addEventListener("load", function(){ 
     audioElement.play(); 
    }, true); 

    audioElement.play(); 
}); 

두 번째 방법 :

$(document).ready(function() { 
    audioElement = new Audio('sound.ogg'); 
    audioElement.play(); 
}); 

Answer 1

'DOMReady'가 Image와 같이 사운드 파일 다운로드가 완료되지 않는다고해서 실제로 첫 번째 방법 (load)을 사용해야합니다.

Answer 2

당신은 정말이에 대한 특징 검출 시스템을 사용해야합니다. Modernizr to test for HTML5 audio을 사용합니다. 그렇게하면 HTML5로 오디오를들을 수있는 사람들에게만 오디오를 제공하려고 시도하게됩니다.

심지어 Modernizr을 사용하여 찾을 수없는 경우 test for HTML5 features 및 대안으로 대체 할 수 있습니다. 이러한 대안을 "polyfills"라고하며 Modernizr이 지원하는 목록은 here입니다.

이렇게하면 브라우저의 기능면에서 모든 기반을 다룰 수 있다는 이점이 있습니다. 나는 여전히 IE7을 사용하여 바보들을 동정합니다.