title: How to make HTML5 audio play exactly once on clicking?
body: <p>I'm putting together an online evaluation survey of synthesized speech. Part of the test requires that listeners are only allowed to hear a given WAV file play once (as an experimental control).</p>
  
  <p>I've already figured out how to simply embed an audio clip with controls, so that it can be played several times:</p>
  
  <pre><code>    &lt;audio controls&gt;
      &lt;source src="http://mypage.com/my_sound.wav" type="audio/wav"&gt;
      Your browser does not support the audio element
      &lt;/audio&gt;
  </code></pre>
  
  <p>Furthermore, I've seen that some HTML questions have attempted to resolve the error of HTML audio playing back only once:</p>
  
  <p><a href="https://stackoverflow.com/questions/16415183/audio-played-once-only-in-google-chrome-in-html">Audio played once only in Google Chrome in html</a></p>
  
  <p><a href="https://stackoverflow.com/questions/27375809/javascript-html5-audio-will-only-play-once-under-certain-circumstances">JavaScript + HTML5: Audio will only play once under certain circumstances</a></p>
  
  <p>However, my question is how to code this (play HTML audio just once on-click) intentionally? Everything I've seen treats it as a bug to be fixed, rather than an intentional goal.</p>
  
  <p>Cheers!</p>