title: audioContext.suspend() not stopping music as expected
body: <p>I'm trying to get some generative music to pause ideally, but I'd settle for stop using Wen Audio Javascript API. The issue I have is that audioContext.suspend() doesn't seem to do anything. All the documentation and examples suggest the following will work, but I can't work out the issue. However, I'm new to javascript so suspect I'm doing something stupid.</p>
  
  <p>All the console logs prove that the function is firing on the second click. I've also tried stop and that also isn't working. I'm using Chrome to test my work, have tried it on Safari, but it doesn't even get as far as playing the track.</p>
  
  <pre><code>// for cross browser
  const AudioContext = window.AudioContext || window.webkitAudioContext;
  const audioContext = new AudioContext();
  
  function startLoop(audioBuffer, pan=0, rate=1) {
      let sourceNode = audioContext.createBufferSource();
      let pannerNode = audioContext.createStereoPanner();
  
      sourceNode.buffer = audioBuffer;
      sourceNode.loop = true;
      sourceNode.loopStart = 11.35;
      sourceNode.loopEnd = 12.1;
      sourceNode.playbackRate.value = rate;
      sourceNode.connect(audioContext.destination);
  
      pannerNode.pan.value = pan;
  
      sourceNode.connect(pannerNode);
      pannerNode.connect(audioContext.destination);
  
      sourceNode.start(0, 0);
  }
  
  function playAudio() {
  console.log("playAudio")
  fetch('Ambition.mp3')
    .then(response =&gt; response.arrayBuffer())
    .then(arrayBuffer =&gt; audioContext.decodeAudioData(arrayBuffer))
    .then(audioBuffer =&gt; {
      startLoop(audioBuffer,-1);
      startLoop(audioBuffer,1,1.002);
    })
    .catch(e =&gt; console.error(e));
  }
  
  var playing = "False"
  
  function playOrStop() {
  console.log("Playing is set to " + playing)
  if (playing === "False") 
      {
      console.log("Play");
      playAudio();
      playing="True";
       }
  else {
  console.log("Suspend");
  </code></pre>
  
  <p>// THIS IS THE FUNCTION THAT DOESN'T WORK</p>
  
  <pre><code>audioContext.suspend().then(function() {
        playing="Suspend";
        console.log("Suspend happened")
          })
       }
  }
  
  var b1=document.getElementById("playButton1");
  b1.onclick = playOrStop;
  </code></pre>
  
  <p>On the second click of the button - 'Suspend happened' is displayed on the log, but the audio isn't suspended.
  The first click works as expected.</p>