Is it possible to create javascript audio player with multiple tracks playing in same time?

Question

I want to create custom player with 10 sounds for example. All 10 tracks are components of one music composition, created by different instruments.

For each track I want to have on/off switcher. After clicking each switcher sounds will play.

After turning on of all buttons all tracks have to be played in the same time.

Each track have to be repeated again and again after finishing. Is it possible to make this without flash?

This is example of this task, created in ActionScripts: http://www.incredibox.com/en/play#

Thanks!

WooDzu · Answer 1 · 2013-07-26 23:28:13Z

It is possible with HTML5 Audio API.

Here is an excellent library to start with: http://www.createjs.com

BenjaminCorey · Answer 2 · 2013-07-26 23:37:04Z

Using the HTML5 javascript audio API, you can instantiate as many audio objects as you like:

var soundOne = new Audio('sound1.ogg'),
    soundTwo = new Audio('sound2.ogg'),
  soundThree = new Audio('sound3.ogg');
// etc.

You can then play and stop them programatically. E.g. soundOne.play();

For looping, there is a loop directive, but it's not widely supported. Check out this SO article for a work around: HTML 5 Audio Looping

2 Answers