Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Launchpad

Avatar for Orlando Del Aguila Orlando Del Aguila
October 23, 2015
Programming
1
310

Web Launchpad

Using Web Audio API and Web MIDI API to sample with a Novation Launchpad in the Browser
Avatar for Orlando Del Aguila

Orlando Del Aguila

October 23, 2015
Tweet

More Decks by Orlando Del Aguila

See All by Orlando Del Aguila
Open Source + Nonprofits = 💪
Avatar for Orlando Del Aguila orlando
0
74
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
120
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
60
How to be a Senior Software Engineer
Avatar for Orlando Del Aguila orlando
0
140
Terraform Workshop
Avatar for Orlando Del Aguila orlando
1
150
Infrastructure as Code with Terraform
Avatar for Orlando Del Aguila orlando
0
280
Concurrencia, Paralelismo y el Event-loop
Avatar for Orlando Del Aguila orlando
0
340
Talking Web Apps
Avatar for Orlando Del Aguila orlando
0
89
Web Launchpad - Chelajs
Avatar for Orlando Del Aguila orlando
0
200

Other Decks in Programming

See All in Programming
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
Avatar for mizdra mizdra
PRO
3
2.4k
型安全なDrag and Dropの設計を考える
Avatar for yudppp yudppp
5
660
Passkeys for Java Developers
Avatar for Yoshikazu Nojima ynojima
0
190
人には人それぞれのサービス層がある
Avatar for shimabox shimabox
3
470
複雑なフォームを継続的に開発していくための技術選定・設計・実装 #tskaigi / #tskaigi2025
Avatar for Masayuki Izumi izumin5210
12
6.4k
技術懸念に立ち向かい 法改正を穏便に乗り切った話
Avatar for popCashew pop_cashew
0
830
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
ソフトウェア品質特性、意識してますか？AIの真の力を引き出す活用事例 / ai-and-software-quality
Avatar for MinoDriven minodriven
19
6.7k
ワイがおすすめする新潟の食 / 20250530phpconf-niigata-eve
Avatar for kasacchiful kasacchiful
0
260
テスト分析入門/Test Analysis Tutorial
Avatar for Hiroki Iseri goyoki
12
2.7k
OpenNext + Hono on Cloudflare で イマドキWeb開発スタックを実現する
Avatar for rokuosan rokuosan
0
110
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
Avatar for にー兄さん drumath2237
0
110

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Side Projects
Avatar for Sacha Greif sachag
454
42k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k

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!