Granular synthesis is a method of sound synthesis based on splitting the audio into small pieces and playing them with short intervals.
After loading a sample, you can start creating grains by clicking and holding your mouse on the waveform. The X axis will determine the position and Y axis will change the amplitude of each grain.
This app also has multi-touch support for up to three voices and real-time manupilation of settings.
Tested on: Google Chrome,Firefox, Safari, Chrome iOS (iPad), Safari iOS (iPad)
Libraries used:
Web Audio API,
Processing.js,
Bootstrap 3,
jQuery Knob
Performance Tip: Try using a quick attack and release as well as low density when using multi-touch for better performance.