iOS 上 Web Audio API 的异常行为 | 作者：Jeremy Keith - Medium

iOS 上 Web Audio API 的异常行为

在使用 Web Audio API 时，iOS 设备上可能会出现一些异常行为。这些问题并非与用户交互的限制有关（Web Audio API 要求某种形式的用户交互，以防止开发者在网站上自动播放声音）。实际上，我的所有 Web Audio API 相关代码都运行在“click”事件处理程序中。然而，这种异常行为却与此无关，而是另一种奇怪的现象。

iOS 对 Web Audio API 的特殊处理

iOS 对 Web Audio API 的处理方式似乎与对“音频”或“视频”元素的处理标准不同。这种差异并不简单明了。具体表现为，当播放“视频”或“音频”元素时，浏览器似乎会被“触发”，从而意识到它也应该播放来自 Web Audio API 的声音。

这种现象不仅发生在设置为静音的 iOS 设备上，也有用户报告它会在有声音的设备上出现。然而，这种问题是间歇性的，难以稳定复现。有时声音无法播放，有时却可以正常工作。

解决异常行为的小技巧

根据我的理论，浏览器需要某种“触发”才能正确处理 Web Audio API 的声音播放。为了解决这个问题，我采用了一种简单但略显“黑客”的技巧。

在音频播放器的事件处理程序中，我通过 JavaScript 创建了一个 audio 元素，并播放一段静音的音频文件来实现“触发”：

var audio = new Audio('1-second-of-silence.mp3');
audio.play();

这种方法虽然有效，但并不优雅。为了让代码更具针对性，我甚至在服务器端加入了用户代理嗅探逻辑，而我一向避免使用用户代理嗅探。

总结

如果你在 iOS 设备上使用 Web Audio API 时遇到奇怪且不一致的行为，这个简单的小技巧可能会有所帮助。尽管这种方法并不完美，但在解决问题的过程中，它可能是一个实用的临时方案。

原文链接: https://adactio.medium.com/web-audio-api-weirdness-on-ios-754d14074fa2