Mixing multiple audio files using Web Audio API

Question

I want to combine audio files layered on top of each other with a specific range of an audio file with specific starting time.

I want to combine audio files layered on top of each other (I was able to do this with this link)
Combine audio files width specific starting time.
Combine audio files with specific range of an audio.

I need help for #2 and #3. Does anyone know how to do it?

PS, if there’re any libraries that can do this, please let me know.

Thanks

score 1 · Accepted Answer · answered Jul 31 '20 at 10:15

1

The linked answer uses AudioBufferSourceNodes with an OfflineAudioContext to mix the audio files (or AudioBuffers to be more precise). You can use there start() and stop() methods of that AudioBufferSourceNodes to schedule the files at the desired time and to make them stop earlier.

source.start(1, 2, 3);

The code above will for example start the source after 1 second with of an offset of 2 seconds and will play it for 3 seconds. This does of course only work if the provided AudioBuffer is at least 5 seconds long.

answered Jul 31 '20 at 10:15

chrisguttandin

7,025
15
21

Is there a way to change the volume of a track? – Jin Aug 01 '20 at 18:47
Sure, that can be done by piping the signal through a GainNode. https://developer.mozilla.org/docs/Web/API/GainNode – chrisguttandin Aug 01 '20 at 20:58

Mixing multiple audio files using Web Audio API

1 Answers1