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
300
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
67
Web APIs 2019
orlando
0
110
Managing remote teams
orlando
0
58
How to be a Senior Software Engineer
orlando
0
120
Terraform Workshop
orlando
1
140
Infrastructure as Code with Terraform
orlando
0
270
Concurrencia, Paralelismo y el Event-loop
orlando
0
320
Talking Web Apps
orlando
0
77
Web Launchpad - Chelajs
orlando
0
190
Other Decks in Programming
See All in Programming
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
0
100
return文におけるstd::moveについて
onihusube
1
1.4k
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
770
はてなにおけるfujiwara-wareの活用やecspressoのCI/CD構成 / Fujiwara Tech Conference 2025
cohalz
3
2.8k
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
950
AWSのLambdaで PHPを動かす選択肢
rinchoku
2
390
どうして手を動かすよりもチーム内のコードレビューを優先するべきなのか
okashoi
3
870
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
0
150
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
210
良いユニットテストを書こう
mototakatsu
11
3.6k
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
190
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
940
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
66
11k
How STYLIGHT went responsive
nonsquared
96
5.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Embracing the Ebb and Flow
colly
84
4.5k
Optimizing for Happiness
mojombo
376
70k
Visualization
eitanlees
146
15k
Designing for humans not robots
tammielis
250
25k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Agile that works and the tools we love
rasmusluckow
328
21k
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!