Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Launchpad

A0574e5093df6afd68f1c109c5a9bf22?s=47 Orlando Del Aguila
October 23, 2015
Programming
1
230

Web Launchpad

Using Web Audio API and Web MIDI API to sample with a Novation Launchpad in the Browser

A0574e5093df6afd68f1c109c5a9bf22?s=128

Orlando Del Aguila

October 23, 2015
Tweet

More Decks by Orlando Del Aguila

See All by Orlando Del Aguila
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
35
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
53
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
35
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
67
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
1
94
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
180
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
200
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
29
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
120

Other Decks in Programming

See All in Programming
Bf71b646607bbe6916ccefc6548ebedd?s=48 lyakaap
0
280
Cc8ec9594b83b5dc3c7eef345c05dc8d?s=48 shiz
2
450
96c5ee40f4e52d2862c6d2b181ecbab0?s=48 suzuito
0
400
1d42b38276c3d2c7cc931fa444c13488?s=48 nasum
18
6k
47e8496b5cc69a2ac8bf5e99d03fd8cf?s=48 yasuohosotani
0
120
01e0fceaff6bfbd259c4a5ad3daa8ff8?s=48 fumist23
1
750
Cc6c9e1dcb8e40af8dd1d49b78c0c720?s=48 tompenguin
0
190
9516a84fcc28d6456d4fc87a5c8b130f?s=48 kidel
0
1.2k
7437b838338581b08ca72340b05475b9?s=48 abt
0
220
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
100
7252086bae9203045dd7f5664fd96a07?s=48 manuelmeyer
0
120
D3be793aaf76ed1915295001712ce0f1?s=48 jrfk
0
570

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.8k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
33
2.3k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
104
11k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
43
2.4k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
403
20k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
38
1.3k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
209
7.1k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
19k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
122
8.1k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k

Transcript

  1. Web Launchpad

  2. None

  3. orlando.delagui.la hashlabs.com eatcodetravel.com

  4. Web Launchpad

  5. Web MIDI API + Web Audio API

  6. Web MIDI API

  7. None

  8. and Opera

  9. Web Audio API

  10. None
  11. None

  12. Web Audio API

  13. AudioContext

  14. .decodeAudioData() .createBufferSource()

  15. Web MIDI API

  16. MIDIAccess

  17. .inputs() .outputs() onstatechange

  18. MIDIInputMap

  19. value.onmidimessage

  20. [144, 10, 127]

  21. [144, 10, 127] channel key note

  22. [144, 10, 0] channel key note

  23. ♥

  24. Demo

  25. Resources

  26. orlando/web-launchpad

  27. developer.mozilla.org html5rocks.com

  28. Thanks!