与Web Audio API完美同步

Question

我正在开发一个简单的音频可视化应用程序,该应用程序使用Web Audio API分析器来提取频率数据,如本例所示.预计,我添加到画布中的视觉元素越多,音频与产生的视觉效果之间的延迟就越大.

是否有一种标准方法来计算这种延迟？我可以想象一种先行技术可以缓冲即将到来的音频数据.我可以使用同步JavaScript和Web Audio时钟,但我确信有一个更直观的答案.也许它比播放音频稍微延迟一样简单(虽然这不是那么全面).

该dancer.js库似乎有同样的问题(总是有一种很微妙的延迟),而其他应用程序似乎已经完全解决了这个问题滞后.我无法确定技术差异.SoundJS似乎处理得更好,但从头开始构建会很好.

任何指导我正确方向的方法都非常感谢.

Answer 1

我想您会在本文中找到精确音频计时的一些答案： http://www.html5rocks.com/en/tutorials/audio/scheduling/

SoundJS使用这种方法来实现平滑循环，但仍然使用 javascript 计时器来延迟播放。这可能无法帮助您同步音频计时与动画计时。当我为 SoundJS 构建音乐可视化器示例时，我发现我必须使用不同的 fft 大小和刻度频率值才能获得良好的性能。我还需要缓存单个形状并通过缩放重新使用它以获得高性能图形。

希望有帮助。