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
81
Web APIs 2019
orlando
0
130
Managing remote teams
orlando
0
67
How to be a Senior Software Engineer
orlando
0
140
Terraform Workshop
orlando
1
160
Infrastructure as Code with Terraform
orlando
0
280
Concurrencia, Paralelismo y el Event-loop
orlando
0
350
Talking Web Apps
orlando
0
96
Web Launchpad - Chelajs
orlando
0
210
Other Decks in Programming
See All in Programming
ふつうの技術スタックでアート作品を作ってみる
akira888
1
860
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
120
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
590
Goで作る、開発・CI環境
sin392
0
230
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
Deep Dive into ~/.claude/projects
hiragram
14
2.6k
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
730
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
150
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
220
Featured
See All Featured
Building Applications with DynamoDB
mza
95
6.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Fireside Chat
paigeccino
37
3.5k
Site-Speed That Sticks
csswizardry
10
690
A Modern Web Designer's Workflow
chriscoyier
695
190k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Embracing the Ebb and Flow
colly
86
4.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
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!