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
280
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
55
Web APIs 2019
orlando
0
85
Managing remote teams
orlando
0
52
How to be a Senior Software Engineer
orlando
0
100
Terraform Workshop
orlando
1
120
Infrastructure as Code with Terraform
orlando
0
260
Concurrencia, Paralelismo y el Event-loop
orlando
0
290
Talking Web Apps
orlando
0
55
Web Launchpad - Chelajs
orlando
0
170
Other Decks in Programming
See All in Programming
Site Reliability Engineering for GMO
pyama86
8
1.1k
Documentation for users with AsciiDoc and Antora
ahus1
0
370
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
4
400
Anthropic Cookbook のおすすめレシピ
schroneko
7
1.3k
パフォーマンスを求めてDBに機能を寄せる戦略
aoyagikouhei
0
110
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
1.1k
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
9
4.3k
Git Lint
bkuhlmann
4
760
Try creating your own orderedmap
kazamori
1
230
Let's learn code review
riofujimon
2
600
PHPはいつから死んでいるかの調査
chiroruxx
2
420
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.5k
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
21
3.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Designing Experiences People Love
moore
136
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
A Modern Web Designer's Workflow
chriscoyier
689
190k
A Tale of Four Properties
chriscoyier
152
22k
Raft: Consensus for Rubyists
vanstee
133
6.3k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
Agile that works and the tools we love
rasmusluckow
325
20k
The Invisible Side of Design
smashingmag
294
49k
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!