How to play web audio that won't interrupt background system-wide audio playback in iOS

do-this.js

let audioContext
export function play (url) {
  const AudioContext = window.AudioContext || window.webkitAudioContext
  if (!audioContext) audioContext = new AudioContext()
  const request = new window.XMLHttpRequest()
  request.open('GET', url, true)
  request.responseType = 'arraybuffer'
  request.addEventListener('load', function (e) {
    const source = audioContext.createBufferSource()
    source.buffer = audioContext.createBuffer(request.response, false)
    source.connect(audioContext.destination)
    source.start(0)
  }, false)
  request.send()
}

dont-do-this.js

export function play (url) {
  const audio = new window.Audio(url)
  audio.play()
}