title: Is there a way to play multiple audio files synchronised in html5?
body: <p>We record at the conference rooms, where we have multiple speaker conversations. Each speaker has a personal microphone attached and speech from each microphone is recorded as a separate channel(separate audio file).</p>
  
  <p>Our goal is to allow a user to play all the audios(channels) at once. We may have up to 12 separate files. 
  Additionally, we need a user to be able to control the volume of each stream (so just merging files on the backend is not a solution).</p>
  
  <p>What could we use to achieve that? A naive solution to play them all at once is probably not going to work, so we want to know if this kind of challenge was addressed by modern html5 APIs.</p>
  
  <p>--- UPDATE to answer @Amdadan's comment ---</p>
  
  <blockquote>
    <p>Why not? DId you try it? Are you worried about connection throughput, if
    you are streaming them? Are you worried about API restrictions?</p>
  </blockquote>
  
  <p>Yes, we tried.
  1) When we call 'play' on all the files - it doesn't start all at the same moment(it starts loading them all, one loads faster, one loads slower, etc).
  2) When it's already playing and the file reaches the end of "buffered" time - it also stops while others continue playing.</p>
  
  <p>We tried to use events for handling those cases, but we did not succeed in it - there are a lot of cases to handle.</p>
  
  <blockquote>
    <p>Are you worried about size, if you load them all up before playing?</p>
  </blockquote>
  
  <p>Yes, we are. Files can be a couple of hours in length - it can not all be buffered.</p>
  
  <blockquote>
    <p>Are you worried about connection throughput, if you are streaming
    them? Are you worried about API restrictions?</p>
  </blockquote>
  
  <p>No, we use CloudFront connected to s3 - the throughput is ok and there are no specific restrictions</p>
  
  <hr>
  
  <p>Thank you in advance,
   - Jack</p>