title: AudioContext not working on Safari but working on Google Chrome
body: <p>I know that I need to create audio context after user interaction in Safari. However, the following code still didn't work.</p>
  <p>HTML</p>
  <pre><code>&lt;button onclick=&quot;play&quot;&gt;Play&lt;/button&gt;
  </code></pre>
  <p>Javascript</p>
  <pre><code>function play() {  
    var AudioContext = window.AudioContext || window.webkitAudioContext
    var ctx = new AudioContext()
  
    fetch('MP3_URL')
      .then((response) =&gt; response.arrayBuffer())
      .then((arrayBuffer) =&gt; ctx.decodeAudioData(arrayBuffer))
      .then((audioBuffer) =&gt; {
        var source = ctx.createBufferSource()
        source.buffer = audioBuffer
        source.connect(ctx.destination)
        source.start(ctx.currentTime)
      })
  }
  </code></pre>
  <p>The same code working on Google Chrome bug safari.</p>
  <p>Is there anything wrong I am making here? Thank you very much!!</p>