Push Wrapper

Turn your Ableton Push (mk1) into a simple Web Audio API powered Drum Machine.
A demo of my Push Wrapper in action.

I wrote a JS wrapper to allow you to use an Ableton Push in a web browser via the Web MIDI API. This page uses that wrapper to drive a drum machine. Plug in your Push to enjoy this page to the max!

1
2
3
4
5
6
7
8
q
w
e
r
t
y
u
i
arm(z)
play(g)
delete(x)
Metronome
tap(n)
on(m)
mute(,)
Looks like your browser doesn't support the Web MIDI API. No Push action for you...
Keyboard/mouse control
  • Play samples with the q-w-e-r-t-y-u-i keys
  • Select sequences with the 1-2-3-4-5-6-7-8 keys
  • Use the arm-play-delete buttons to record and play sequences in real time
  • Load your own samples by dragging and dropping onto the q-w-e-r-t-y-u-i pads above
Push control
  • Play samples using the Push's velocity sensitive pads - one column in the grid plays each sample
  • Pads higher up the grid raise the sample filter frequency
  • Press the pads harder to play samples louder
  • Change the overall playback volume with the Master (rightmost) encoder
  • Change sample pitch using the encoders and modulate using the touchstrip
  • Press the Volume button then change individual sample volume with the encoders
  • Turn on/off note repeat for each sample with the Select buttons above the grid
  • Change the note repeat interval with the Select + Time Division buttons
  • Select/arm sequences with the row of Channel Select buttons below the Push LCD
  • Change sequences legato style with the Shift + Channel Select buttons
  • Use the Record button to arm sequences - recording starts when you start playing samples
  • Use the Play button to start and stop recorded sequences
  • Use the Delete + Channel Select buttons to delete recorded sequences
Quantisation
  • With the metronome running sample recording/playback is quantised to the metronome's BPM
  • Turn the metronome on/off with the Push's Metronome button
  • Mute the metronome (but leave it running) by pressing the Push's Mute + Metronome buttons
  • Use Push's Tap Tempo button to update the metronome's BPM
  • Alternatively, change the BPM with the the Push's Tempo knob
  • Make fine adjustments to the BPM with the the Push's Shift button + Tempo knob
  • Change the Metronomes accent (number of beats) with the Push's Accent button + Tempo knob