AudioContext 不适用于 Safari 但适用于 Google Chrome

Question

我知道我需要在 Safari 中的用户交互后创建音频上下文。 但是，以下代码仍然无效。

HTML

<button onclick="play">Play</button>

Javascript

function play() {  
  var AudioContext = window.AudioContext || window.webkitAudioContext
  var ctx = new AudioContext()

  fetch('MP3_URL')
    .then((response) => response.arrayBuffer())
    .then((arrayBuffer) => ctx.decodeAudioData(arrayBuffer))
    .then((audioBuffer) => {
      var source = ctx.createBufferSource()
      source.buffer = audioBuffer
      source.connect(ctx.destination)
      source.start(ctx.currentTime)
    })
}

在 Google Chrome 错误 safari 上工作的相同代码。

我在这里做错了什么吗？ 非常感谢！！

Answer 1

我对我来说真的没有意义，但在这种情况下 Safari 需要再次推动才能启动AudioContext 。 在创建AudioContext后立即调用resume()应该可以工作。

// ...
var ctx = new AudioContext();

ctx.resume();

fetch('MP3_URL')
// ...