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
52
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
34
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
66
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
1
92
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
09923d8b0c79423a289b7d5dc31a59e4?s=48 mururu
3
1.1k
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
1
660
4a290dbd4f1c19bf2f25c2a230faf1bf?s=48 shirotamaki
0
230
D40b43d43c4d8307c5334f1cb1da03a2?s=48 devinjeon
1
390
6317140224223dc052beb887078cc810?s=48 nelca
0
130
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
5
1.5k
8284465a94bbdf1ea82cf1a67d55f447?s=48 kilometer
2
350
Fd223ed912b754bc4c4338d148a69c78?s=48 kotaroooo0
13
4.3k
D40b43d43c4d8307c5334f1cb1da03a2?s=48 devinjeon
3
1.2k
C951afc0782b7d3d4800e25b4a4938a9?s=48 shinnoki
0
1.4k
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
130
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
110

Featured

See All Featured
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
167
7.4k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
93
3.1k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
17
890
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
73
270k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
29
1.1k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
35
1.7k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.7k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
12
900
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
103
5.1k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
114
26k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
53
2.9k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
28
2.1k

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!