Web Launchpad

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

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
32
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
45
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
24
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
57
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
1
86
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
160
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
170
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
29
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
110

Other Decks in Programming

See All in Programming
8665aad8f35b1710df79e9aef52d6daa?s=48 alexandresalome
1
270
C101832d230db74f754e50126903b991?s=48 shoichiimamura
1
110
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
1
310
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
0
5.9k
52711e2157a6fed933b0361cc06a6953?s=48 marcelgsantos
2
140
A1b4b398630bbd32b77a82cbc37fae9a?s=48 freekmurze
1
150
94138d52371ef2791611f01dd41764f4?s=48 joekarlsson
0
140
Dee9a95c0e5483692c54cc5e60e8b09e?s=48 yusuke57
0
130
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
0
110
5ad0bb268dd2605b09165d464308cb7e?s=48 igaiga
2
130
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
730
5dbd75dc167246f8913daec9dc2219ac?s=48 kurikinton105
0
130

Featured

See All Featured
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
100
5.7k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.2k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
104
10k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
31k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
682
180k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
10
3.8k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
196
9.5k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
325
14k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
870

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!