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
270
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
51
Web APIs 2019
orlando
0
82
Managing remote teams
orlando
0
51
How to be a Senior Software Engineer
orlando
0
99
Terraform Workshop
orlando
1
120
Infrastructure as Code with Terraform
orlando
0
260
Concurrencia, Paralelismo y el Event-loop
orlando
0
280
Talking Web Apps
orlando
0
52
Web Launchpad - Chelajs
orlando
0
160
Other Decks in Programming
See All in Programming
品質が高いコードって何?Rev2.1
ickx
1
490
フロントエンドパフォーマンス 入門
shouta2
7
1.5k
Deep Dive 大規模システムアーキテクチャ/開発組織エンジニアリング / Deep Dive Large-Scale System Architecture, Development Organization Engineering
nrslib
15
2.9k
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
1.8k
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
290
ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
myzkyy
9
6.5k
Parallel Socket Communication in Swift
s_shimotori
0
260
9年開発を牽引して見えてきた、共通化すべきものと個別でつくるもの ~プログラム言語~
shinout
1
300
Some Quick Ideas To Improve Your Tests ( #jassttokyo )
teyamagu
PRO
2
2.3k
PHPerKaigi 2024〜10年以上動いているレガシーなバッチシステムを Kubernetes(Amazon EKS) に移行する取り組み〜
tshinowpub
1
220
設計の知識と技能で駆動するソフトウェア開発
masuda220
PRO
19
11k
LLMチャットボットのアプリケーション設計Tips
os1ma
4
670
Featured
See All Featured
For a Future-Friendly Web
brad_frost
170
8.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
[RailsConf 2023] Rails as a piece of cake
palkan
21
3.8k
Designing with Data
zakiwarfel
94
4.8k
Become a Pro
speakerdeck
PRO
8
4.4k
What's new in Ruby 2.0
geeforr
335
31k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.4k
Scaling GitHub
holman
456
140k
Rails Girls Zürich Keynote
gr2m
91
13k
Building Flexible Design Systems
yeseniaperezcruz
317
37k
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!