javascript - 手机浏览器下audio的连续触发播放导致的延迟。

Question

我想制作一个弹琴的网页。通过不同的按键触发不同的声音播放，每个音符1s。

我尝试了以下多个方法，都存在问题。

1.第一种方法，我是为每个音符都建立一个audio标签。点击的时候在每个标签之间切换。

切换的时候会出现很明显的延迟。
重复点击同一个标签，要在上一个标签播放完了才能继续触发播放。

2.全局实例化一个Audio对象的实例。new Audio每次触发播放，给这个实例的 src 属性赋不同的值。

每次初始化都会请求一次，或者从缓存中取资源，耗时。
点击快会出现延迟。

3.使用audio spirite . 为每个音指定不同的位置。

由于每个音都只有1s，经常会出现声音不准的情况。
必须上一个音播放结束才能播放下一个，或者是直接中断上一个音。
如果手指按的速度很快，会出现明显的延迟。

Answer 1

建议你了解一个H5里的一个新的AudioContext对象。
像制作这种更高响应要求的东西用它会更听话。
搜搜webaudio应该有很多资料的。
像一些游戏引擎（比如cocos2d-js）也都是在用这个对象实现游戏的音效播放。
我自己有写过一个简单的介绍和DEMO你可以参考一下：
http://shihua.im/2016/01/07/20160106_web...