使用HTML5和Javascript播放声音的最佳方式

Tom*_*duy 13 javascript jquery html5 html5-audio

我正试图播放声音,我找到了两种适合我的方法.哪种方式更好,为什么?添加"加载"事件监听器是一个好主意吗?

第一种方式:

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

  audioElement.play();  
});
Run Code Online (Sandbox Code Playgroud)

第二种方式:

$(document).ready(function() {  
  audioElement = new Audio('sound.ogg');  
  audioElement.play();  
});
Run Code Online (Sandbox Code Playgroud)

tun*_*ngd 2

您确实应该采用第一种方式(使用load),因为“DOMReady”不能保证声音文件完成下载,就像使用 Image 一样。