javascript - iOS 6 Web Audio API 上没有声音

Question

我很高兴看到 iOS 6 支持 Web Audio API，因为我们制作 HTML5 游戏。但是，我无法让 iOS 6 使用 Web Audio API 播放任何声音，示例在桌面 Chrome 中运行良好。

这是一个 HTML5 游戏，带有触摸控件并通过 Web Audio API 播放音频(如果存在 - 如果不存在，它将回退到 HTML5 音频):

http://www.scirra.com/labs/sbios6b/

编辑:@Srikumar 建议了一些解决方法。我在下面的版本中应用了它们。还是不行!

http://www.scirra.com/labs/sbios6f/

在桌面版 Chrome 上一切正常，但 iOS 6 完全没有声音。我在调试它时遇到了麻烦，因为我只进行 Windows 开发，而 iOS 6 将 Debug模式替换为远程 Web 检查器，这显然在 Windows 的 Safari 上不可用。使用一些警报，我确实发现它正确识别了 Web Audio API，使用它，检测到不支持 Vorbis，因此回退到 AAC 音频，解码缓冲区然后播放它，没有抛出任何错误，但我什么也没听到。当然，我尝试将音量调到最大 :)

应该不是编解码器问题，因为 iOS 6 可以很好地播放 AAC - 你可以浏览到 one of the .m4a's the game plays直接从 Safari 访问时播放效果很好。

查看 iOS 6 上的网络音频 API 示例:http://chromium.googlecode.com/svn/trunk/samples/audio/samples.html - 其中一些有效，而另一些则无效。例如，Chrome Audio Visualizer有效，但是 Javascript Drone没有。

iOS 6 上的 Web Audio 和桌面版 Chrome 之间肯定存在一些微妙的不兼容性。我错过了什么？

Answer 1

编辑(2015 年 11 月):iOS 9 不再允许音频在 touchstart 事件中启动，这打破了下面的解决方案。但是它在 touchend 事件中起作用。 iOS 6 的原始答案在下面完整保留，但对于 iOS 9 支持，请确保使用 touchend。

好吧，很抱歉回答我自己的赏金问题，但经过几个小时的调试我终于找到了答案。 iOS 6 上的 Safari 在 Web Audio API 静音的情况下有效启动。它不会取消静音直到您尝试在用户输入事件中播放声音(创建缓冲区源、将其连接到目标并调用noteOn())。在此之后，它取消静音并且音频播放不受限制并且应该如此。这是 Web Audio API 如何在 iOS 6 上工作的一个未记录的方面(Apple's doc is here，希望他们能尽快更新它!)

用户可以经常触摸屏幕，参与游戏。但它将保持静音。您必须在用户输入事件中播放，例如touchstart [edit: touchend for iOS 9+]，播放一次，然后所有音频取消静音。之后您可以随时播放音频(不必在用户输入事件中)。

请注意，这与 HTML5 音频的限制不同:通常您只能在用户输入事件中启动音频，并且一次只能播放一种声音； Web Audio API 在用户输入第一次播放后完全取消静音，这样你就可以随时播放声音，然后你可以将它们进行复音混合，处理很酷的效果等。

这意味着许多已经在网络上使用 Web Audio API 的游戏永远不会播放音频，因为它们不会碰巧在触摸事件中发出 noteOn。您必须调整它以等待第一个用户输入事件。

有几种方法可以解决这个问题:在用户触摸屏幕之前不要播放标题音乐；有一个初始的“触摸启用音频”屏幕并播放声音然后在他们触摸时开始游戏；等等。希望这能帮助遇到同样问题的其他人节省一些调试时间!