Audio control with html5

[SerP]

The project I am doing needs to containers to be in line with each other where in container #1 will be full audio control and in container #2 will be just play/pause button so if I am clicking play button any media that plays now will stop and a new media will start playing.
I have managed two containers but struggle with audio control. Anyone can help me please?

www.nalchemymusic.comuf.com

[zcorpan]

Not sure what you mean with the containers. Do you mean container as in audio format?

As to the controls, you need to invoke pause() on the currently playing audio element. You can do that something like this:

Code: Select all

addEventListener('play', function(e) {
  if (window.currentAudio && window.currentAudio != e.target) {
    window.currentAudio.pause();
  }
  window.currentAudio = e.target;
}, true);