title: Play multiple sound files in sequence only playing last sound
body: <p>This app plays a sound based on a number. I have multiple audio files which are very short mp3's. as the question says, I want it to play all sounds in sequence, one after the other but only the last sound (number) is playing and I get the error on the console saying: </p>
  
  <p>"Uncaught (in promise) DOMException: The play() request was interrupted by a new load request."</p>
  
  <p>I'm missing something or maybe this is not possible to do. Any help is appreciated.</p>
  
  <pre><code>function playSound(note){
  
      var currentPlayer;
      var player = document.getElementById("player");
  
      var isPlaying = player.currentTime &gt; 0 &amp;&amp; !player.paused &amp;&amp; !player.ended 
  &amp;&amp; player.readyState &gt; 2;
  
  
       if (!isPlaying){
  
          player.src = "sounds/"+note+".mp3";
          player.play();
  
       }else{
          player.pause();
          player.currentTime = 0;
          currentPlayer = player;
  
       }
  
  
  
  }
  
  
  //variable with numbers where each number should load a sound and play
  var numString = "0934590042529689108538569377239609480456034083552";
  
  
  for(i = 0; i &lt; numString.length; i++){
  
  
      switch (parseInt(numString[i])){
          case 1:
              playSound("C"); 
              break;
          case 2:
              playSound("D");
              break;
          case 3:
              playSound("E");
              break;
          case 4:
              playSound("F");
              break;
          case 5:
              playSound("G");
              break;
  
          case 6:
              playSound("A");
              break;
  
          case 7:
              playSound("B");
              break;
  
          case 8:
              playSound("C2");
              break;
  
          case 9:
              playSound("D2");
              break;
  
  
          case 0:
              playSound("silence");
              break;
  
  
  }
  </code></pre>
  
  <p>The Html:</p>
  
  <pre><code>&lt;audio controls id="player" style="display: none"&gt;
      &lt;source  src="#"&gt;&lt;/source&gt;
  &lt;/audio&gt;
  </code></pre>