title: Javascript/html5 play multiple audio files or overlap audio
body: <p>Let me start by saying I am trying to play a mp3 file whenever the player collides with a wall, simple enough and done. But I wish to have another sound file play when the player hits another wall. 
  I have tried using both <code>&lt;audio&gt;</code> tag in the html file, than playing it in Javascript: </p>
  
  <pre><code>var sound = document.getElementById("TheHtml5Tag");
  </code></pre>
  
  <p>Still the same issue, only one sound can be played, the next sound won't play untill the first one is finished. <strong>Even when using multiple <code>&lt;audio&gt;</code> tags and multiple sounds.</strong>
  Next I have tried using codes similar too:</p>
  
  <pre><code>sound = new Audio('Wall_Hit_01.mp3'); 
  sound.addEventListener('ended', function() {
      this.currentTime = 0;
  }, false);
  </code></pre>
  
  <p>Than playing it with: <code>sound.play();</code>
  But still the same issue: I can't play <code>sound2.play();</code> or <code>sound3.play();</code> before the first sound has finished.
  Any answers/ suggestions are much appreciated. If there isn't a way to do this on every browser maybe some tips on how too stop all the sounds in order to play a new sound would be nice. Though I would much rather go with the original question.</p>