在浏览器中播放声音的最快方式

时间:2013-08-26 20:20:53

标签: javascript html5 audio

在浏览器中播放声音的最快方法是什么?我这里有一个Javascript脚本,通过Android平板电脑(XO平板电脑)上的Chrome运行。我想要点击"点击"每次用户点击屏幕时都会发出声音。点击速度非常快(尽可能快地点击),但正在播放的声音文件无法跟上,只能播放5次或6次点击。

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

有没有办法可以更快地播放声音?或者换句话说,它使用较少的资源,以便可以非常快速地一遍又一遍地播放?

1 个答案:

答案 0 :(得分:0)

使用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/