javascript - Safari 和 Mobile Safari 需要刷新页面才能播放 Howler Audio

Question

我目前正在实现 HowlerJS我让它工作了。但是在使用 El Capitan 的 Safari 上会发生以下情况:

1. 打开 Safari 并输入 HowlerJS然后点击播放，它开始加载。
2. 对于它从不播放的几台机器
3. 刷新页面，点击播放，成功。
4. 关闭打开的 Safari，再次发生。

而且它也发生在 iOS 上。现在我已经看到您需要等待用户点击播放音频，这正是我正在做的。

点击按钮，它加载并播放音频。有没有人遇到过这个问题？我使用的是稳定版 1.1.28。

Answer 1

Safari 9 有 started to suspend audio在初始页面加载时。除了您通常必须做的所有其他歌舞之外，现在我们必须指示 AudioContext 恢复并推迟我们的业务逻辑，直到该 promise 解决。您可能希望在点击处理程序中进行此检查。

if(Howler.ctx && Howler.ctx.state && Howler.ctx.state == "suspended") {
    Howler.ctx.resume().then(function() {
        console.log("AudioContext resumed!");
        // fire your callback here
    });
}

Howler 2.0 据说已经 fixed这个，但是对于我们稳定的用户来说，从 1.1.28 开始就没那么幸运了 >_>