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
51
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
32
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
62
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
1
88
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
170
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
190
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
29
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
110

Other Decks in Programming

See All in Programming
70adfe7679427fa498899769e632b672?s=48 itok
1
950
2793f1fe246c9299c2416062d22bfb99?s=48 satoshun
0
110
6c3e7ef20801b4b967dc1643f63d6233?s=48 ianaya89
2
230
471605f6e94a32caa4b0101524f80429?s=48 kimyan
3
500
8847086af047cbf895ab3277b59529fe?s=48 andpad
3
290
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
150
27ec11888b9deb5c26ab4c85e97ec000?s=48 meemeelab
0
310
B1196c22fd3ca181eec43e1b67823d3f?s=48 aftiopk
0
100
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
190
14c9795d267f5b85abb98ca5e8780646?s=48 ntaro
0
170
6c366ab6293eb42aec0e6f5f69b50882?s=48 ryokbt
2
310
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
310

Featured

See All Featured
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
21
940
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
24
2.6k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
66
3k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
145
20k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
282d599b414022eba5096510f675b6e2?s=48 chrislema
173
14k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
560
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
93
14k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
683
180k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
272
16k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
329
15k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
479
150k

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!