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
79
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
130
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
66
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
95
Web Launchpad - Chelajs
Avatar for Orlando Del Aguila orlando
0
210

Other Decks in Programming

See All in Programming
KotlinConf 2025 現地参加の土産話
Avatar for Takehata Naoto n_takehata
0
100
Datadog RUM 本番導入までの道
Avatar for Shintaro Matsumoto shinter61
1
310
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
Avatar for Yuki Nakata chikuwait chikuwait
0
380
無関心の谷
Avatar for kanayannet kanayannet
0
180
生成AIで日々のエラー調査を進めたい
Avatar for aboy yuyaabo
0
610
Go1.25からのGOMAXPROCS
Avatar for kuro kuro_kurorrr
1
770
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
150
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
Avatar for Naoya Ito naoya
17
4.8k
GoのWebAssembly活用パターン紹介
Avatar for syumai syumai
3
10k
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
Avatar for どすこい daisuketakeda
1
120
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
270
Webからモバイルへ Vue.js × Capacitor 活用事例
Avatar for Naoki Haba naokihaba
0
730

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
340
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
46
9.6k
Side Projects
Avatar for Sacha Greif sachag
455
42k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k

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!