Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web Launchpad
Search
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
Orlando Del Aguila
October 23, 2015
Tweet
Share
More Decks by Orlando Del Aguila
See All by Orlando Del Aguila
Open Source + Nonprofits = 💪
orlando
0
79
Web APIs 2019
orlando
0
130
Managing remote teams
orlando
0
66
How to be a Senior Software Engineer
orlando
0
140
Terraform Workshop
orlando
1
150
Infrastructure as Code with Terraform
orlando
0
280
Concurrencia, Paralelismo y el Event-loop
orlando
0
340
Talking Web Apps
orlando
0
95
Web Launchpad - Chelajs
orlando
0
210
Other Decks in Programming
See All in Programming
KotlinConf 2025 現地参加の土産話
n_takehata
0
100
Datadog RUM 本番導入までの道
shinter61
1
310
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
380
無関心の谷
kanayannet
0
180
生成AIで日々のエラー調査を進めたい
yuyaabo
0
610
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
770
Is Xcode slowly dying out in 2025?
uetyo
1
150
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.8k
GoのWebAssembly活用パターン紹介
syumai
3
10k
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
120
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
270
Webからモバイルへ Vue.js × Capacitor 活用事例
naokihaba
0
730
Featured
See All Featured
Balancing Empowerment & Direction
lara
1
340
Navigating Team Friction
lara
187
15k
Visualization
eitanlees
146
16k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
4 Signs Your Business is Dying
shpigford
184
22k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Side Projects
sachag
455
42k
Raft: Consensus for Rubyists
vanstee
140
7k
Being A Developer After 40
akosma
90
590k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Transcript
Web Launchpad
None
orlando.delagui.la hashlabs.com eatcodetravel.com
Web Launchpad
Web MIDI API + Web Audio API
Web MIDI API
None
and Opera
Web Audio API
None
None
Web Audio API
AudioContext
.decodeAudioData() .createBufferSource()
Web MIDI API
MIDIAccess
.inputs() .outputs() onstatechange
MIDIInputMap
value.onmidimessage
[144, 10, 127]
[144, 10, 127] channel key note
[144, 10, 0] channel key note
♥
Demo
Resources
orlando/web-launchpad
developer.mozilla.org html5rocks.com
Thanks!