Pro Yearly is on sale from $80 to $50! »

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
47
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
31
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
60
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
1
88
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
160
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
180
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
29
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
110

Other Decks in Programming

See All in Programming
5167a0b0583441245fb9ed331477f826?s=48 kunihikosasaki
0
100
Bc142fbacf80354db09fe3dda44afcf1?s=48 nobonobo
0
130
D6fcc16462fbe93673342da3ff5d8121?s=48 xhochy
0
130
2ddd3d3e0d92ad45884bdcbef3a514a8?s=48 chiaoteni
2
350
11ebd3c1bb98057b1e458518fc9ffe14?s=48 mune92283498
1
400
Cfd5ecaceb5f1479df1f836b4b98f77e?s=48 riscurred
0
180
7d1521d950d9bc5697868830cb04ff2f?s=48 yimajo
0
110
1dfa2bb34977b1db41d0d46d4505183f?s=48 osuke
2
330
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
210
9178046d79f7b01ec590297c019fdd56?s=48 nagworld
1
230
B3f560d34c14a9113e5024bc34ac26a0?s=48 heyitsmohit
1
210
3b38214ae9927683d69680cb6161852b?s=48 jorgecastilloprz
0
2.2k

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
70
1.3k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
107
11k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
777
240k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
198
9.6k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
69
3.5k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.3k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
92
2.9k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
447
36k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
245cee81a9c424266e5e401d844ea881?s=48 lara
590
60k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
410

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!