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
330

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
90
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
140
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
71
How to be a Senior Software Engineer
Avatar for Orlando Del Aguila orlando
0
150
Terraform Workshop
Avatar for Orlando Del Aguila orlando
1
160
Infrastructure as Code with Terraform
Avatar for Orlando Del Aguila orlando
0
290
Concurrencia, Paralelismo y el Event-loop
Avatar for Orlando Del Aguila orlando
0
360
Talking Web Apps
Avatar for Orlando Del Aguila orlando
0
100
Web Launchpad - Chelajs
Avatar for Orlando Del Aguila orlando
0
220

Other Decks in Programming

See All in Programming
Phronetic Team with AI - Agile Japan 2025 closing
Avatar for Kenji Hiranabe hiranabe
2
620
最新のDirectX12で使えるレイトレ周りの機能追加について
Avatar for Pocol projectasura
0
250
仕様がそのままテストになる！Javaで始める振る舞い駆動開発
Avatar for uutan1108 ohmori_yusuke
8
4.4k
組織もソフトウェアも難しく考えない、もっとシンプルな考え方で設計する #phpconfuk
Avatar for hideki kinjyo o0h
PRO
10
4.4k
r2-image-worker
Avatar for Yusuke Wada yusukebe
1
170
ノーコードからの脱出 -地獄のデスロード- / Escape from Base44
Avatar for Keisuke69 keisuke69
0
720
『実践MLOps』から学ぶ DevOps for ML
Avatar for Satsuki Nagae nsakki55
2
420
AIと協働し、イベントソーシングとアクターモデルで作る後悔しないアーキテクチャ Regret-Free Architecture with AI, Event Sourcing, and Actors
Avatar for Tomohisa Takaoka tomohisa
2
1.1k
しっかり学ぶ java.lang.*
Avatar for nagise nagise
1
380
無秩序からの脱却 / Emergence from chaos
Avatar for nrs nrslib
1
1k
CloudflareのSandbox SDKを試してみた
Avatar for syumai syumai
0
160
予防に勝る防御なし（2025年版） - 堅牢なコードを導く様々な設計のヒント / Growing Reliable Code PHP Conference Fukuoka 2025
Avatar for Takuto Wada twada
PRO
39
12k

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.3k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.3k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k

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!