title: Pre-load audio files at the client-side for later use
body: <p>I'm building an online test which implements audio (mp3) using the native audio player (<em>i.e.</em> non Flash-based).</p>
  
  <p>The test shows one question at a time and loads each subsequent question asynchronously.</p>
  
  <p>Some questions have an accompanying audio file, others don't, and the audio files can be several MB in size.</p>
  
  <p>So what I'm hoping to do is to preload the audio files client-side at the start of the test and then move these into place when the relevant question comes up.</p>
  
  <p>So far I've tried loading an audio file into a QuickTime player, then when that question comes up I use jQuery's <code>clone(true)</code> method to copy this into a part of the page which is displayed. However, when I do this the QuickTime player has to reload the audio file from source. Same is true for Windows Media Player.</p>
  
  <p>Does anyone have any suggestions as to how I can preload the audio client-side and then call it forward when needed?</p>