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

标签 javascript jquery html html5-audio

我正在尝试播放声音,我发现了两种适合我的方法。 哪种方法更好,为什么?添加“加载”事件监听器是个好主意吗?

第一种方式:

$(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();  
});

最佳答案

你真的应该选择第一种方式(使用load),因为'DOMReady' 不能保证声音文件完成下载,就像使用Image 一样。

关于javascript - 使用 HTML5 和 Javascript 播放声音的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8393994/

相关文章:

javascript - 获取与 react-dom 相关的错误

jquery - 将 ajax http post 转换为 python

php - 服务器重启后javascript不工作

javascript - HTML 无法引用 JavaScript 文件

javascript - 如何使整个网页变暗并显示 float 交互式框?

javascript - JQuery 验证插件不适用于简单按钮

javascript - 单击/选择时 Spotfire 按钮会改变颜色

JQuery.ajax 适用于除 IE 之外的所有平台

javascript - javascript 重定向后 css 无法正确加载

javascript - 使用 HTML、JS 中的按钮切换音频播放