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
240

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
39
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
55
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
36
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
69
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
1
95
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
190
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
200
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
31
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
130

Other Decks in Programming

See All in Programming
F21d69109b1c03921abf7d12f0fb6654?s=48 dscs
0
150
527c1db50811ca320e8de57c79a3e15c?s=48 shugostr
0
430
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
110
77c3dfd58301b6dbc53cfd33854f8147?s=48 sreespanol
0
120
Ae7a5166a7b7776ffdd5676c2d6ab42f?s=48 aseiide
1
260
44df43ecb9d8ae00cafee6b804db3fcd?s=48 kentatada
2
210
Cb504213a5310e01faabbc0b3fca3d39?s=48 napple29
0
180
Aa254f26f91d4776b9cd19a7ce632867?s=48 ciniml
2
140
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
210
72328eacb3f08064170cfec86b728d2a?s=48 onohiroshi1
5
21k
23e7f90fa36af44f13000c1229240984?s=48 uri
2
210
Ba655e3712aaabfbca289fe136f85fe4?s=48 qnighy
0
190

Featured

See All Featured
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
67
4.5k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
236
18k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
25
1.2k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
69
3.2k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
288
19k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
29
5.1k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
331
36k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
16k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
122
8.3k

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!