title: How to loop an mp3 in a browser with zero gap?
body: <p>I'm trying to make a guitar practice website, and a critical functionality is to loop over  very short mp3 files (a few seconds long), with absolutely zero gap in between. For example, it could a 4-measures-long chord progression, and I want to allow the user to loop over it seamlessly.</p>
  
  <p>I tried using the HTML5 <code>&lt;audio&gt;</code> tag with the <code>loop</code> attribute. Google Chrome gives a small gap between the loops, but big enough to be totally unacceptable for my purpose. I haven't tested the other browsers, but I believe it won't work.</p>
  
  <p>A possible workaround is to use <code>ffmpeg</code> to stream repetitions the same audio as an mp3. However, this costs a lot of bandwidth.</p>
  
  <p>For myself I use Audacity to loop without gaps, but unfortunately Audacity doesn't have a web version.</p>
  
  <p>So, do you have any ideas how I may loop over an mp3 in a browser with zero gap? I prefer non-Flash solutions, but if nothing else works I'll use Flash.</p>
  
  <p><strong>Edit:</strong>
  Thank you for all your suggestions. Flash turns out to work decently. I've made a toy demo at <a href="http://vmlucid.lcm.hk/~netvope/audio/flash.html" rel="nofollow">http://vmlucid.lcm.hk/~netvope/audio/flash.html</a>. To my surprise (I use to associate Flash with resource hog and browser crashes only), Flash and ActionScript are rather well designed and easy to use. It took me only 3 hours on my first Flash project :)</p>