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
Open Source + Nonprofits = 💪
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
39
Web APIs 2019
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
57
Managing remote teams
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
36
How to be a Senior Software Engineer
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
71
Terraform Workshop
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
1
97
Infrastructure as Code with Terraform
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
210
Concurrencia, Paralelismo y el Event-loop
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
220
Talking Web Apps
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
31
Web Launchpad - Chelajs
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
130

Other Decks in Programming

See All in Programming
Get Ready for Jakarta EE 10
B489790e1a844284d7cd1fa2cd6e021f?s=48 ivargrimstad
0
2.6k
インフラエンジニアの多様性と評価、またはキャリアへのつなげ方 / Careers as infrastructure engineers
C0479b152c326746e911be790617f75b?s=48 katsuhisa91
0
530
Unity Localization で多言語対応実装しよう / xrdnk-yokohamaunity-lt10-20220513
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
140
WindowsコンテナDojo：第2回 Windowsコンテナアプリのビルド、公開、デプロイ
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
150
Jakarta EE 10 is Coming Your Way
B489790e1a844284d7cd1fa2cd6e021f?s=48 ivargrimstad
0
2.8k
2022 FrontEnd Training
B16717ef4b7aab0b253d933c3934f280?s=48 mixi_engineers
1
280
Learning DDD輪読会#4 / Learning DDD Book Club #4
E10ba38646a905c8cd2c893c84d5c520?s=48 suzushin54
1
150
プログラミングを勉強したいと言われたら
6dd39716ef7dde18a609703e8e26b7ec?s=48 yuba_4
0
420
Kotlin 最新動向2022 #tfcon #techfeed
14c9795d267f5b85abb98ca5e8780646?s=48 ntaro
1
1.1k
Go API クライアントの実装 〜Go Conference に載せれなかったTIPS〜
94500f2d1984cd5da6e445d89819052b?s=48 yyoshiki41
0
190
SRE NEXT 2022: Sensible Incident Management for Software Startups
C431886a52f7545f1b122b0c221e7bcd?s=48 takanabe
2
460
Better Reliability through Observability (and Experimentation)
8c73ec710b03be8909e71ad500866934?s=48 ksatirli
PRO
1
280

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
261
25k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
Navigating Team Friction
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
jQuery: Nuts, Bolts and Bling
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
6.4k
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
596
63k
Adopting Sorbet at Scale
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
63
7.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
910
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
343
17k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
56
5.2k

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!