javascript - 在浏览器中播放声音的最快方法

标签 javascript html audio

在浏览器中播放声音的最快方法是什么?我这里有一个Javascript脚本,该脚本正在Android平板电脑(XO Tablet)上通过Chrome运行。我希望每次用户在屏幕上点击时都会发出“咔嗒”声。敲击的注册速度非常快(与我可以敲击的速度一样快),但是正在播放的声音文件无法跟上,只播放一次5或6次。

我正在使用HTML5,并按照此网站上的指示进行操作:http://www.javascriptkit.com/script/script2/soundlink.shtml#current

有没有一种方法可以更快地播放声音?或者换句话说,使用更少的资源以便可以非常快地反复播放?

最佳答案

使用HTML5中的音频标签

jQuery的:

$('menu li').bind('touchstart mousedown click', function(e){
   $('audio')[0].play();
});

标记:
<audio hidden>
       <source src="http://www.w3schools.com/html/horse.ogg" type="audio/ogg">
       <source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
       Your browser does not support the audio element.
</audio>

<menu type="list">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</menu>

演示:http://jsfiddle.net/a8JYc/

关于javascript - 在浏览器中播放声音的最快方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18452375/

相关文章:

javascript - 部分 View 中不显眼的客户端验证不起作用

javascript - 如何将 offsetX 和 offsetY 坐标从像素更改为百分比?

iphone - iPhone音频问题

Java 和 gstreamer-java 初始化错误

html - 两个模板,一个按钮有透明背景,另一个没有

html - Phaser.js 中的音频循环

javascript - 有没有办法使用 ASP 将命名空间添加到所有 html 标记?

javascript - 将 d3 与 URL 查询字符串一起使用

javascript - 获取窗口(浏览器)的最大高度,无论浏览器是否最大化

javascript - Ajax 文件加载和 &lt;input&gt; 文件加载之间的区别?