block by alexmacy 5e4b763bf399027de8c110086c74eba0

Sampler using Web Audio

Full Screen

This is something I made using the Web Audio API along with d3.js. Lots of credit goes to my friend Cooper Baker because this is like a VERY slimmed-down version of an application he made back when we were in college - I believe it was cuisinart. He’s got some pretty cool stuff that’s definitely worth checking out!

Anyway, you trigger the different cuts using the number keys that correspond with the numbered sections of the loop. Or if you are on a mobile device, touch the section you want to hear. When loading this directly instead of in its own window, you might have to click inside the iframe so that it can detect keystrokes.

Here’s an updated version with the ability load more samples and customize the cues: Web Audio Sampler v2.

index.html