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
330
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
88
Web APIs 2019
orlando
0
140
Managing remote teams
orlando
0
70
How to be a Senior Software Engineer
orlando
0
150
Terraform Workshop
orlando
1
160
Infrastructure as Code with Terraform
orlando
0
290
Concurrencia, Paralelismo y el Event-loop
orlando
0
360
Talking Web Apps
orlando
0
100
Web Launchpad - Chelajs
orlando
0
220
Other Decks in Programming
See All in Programming
理論と実務のギャップを超える
eycjur
0
170
Webサーバーサイド言語としてのRustについて
kouyuume
0
1.4k
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
190
Software Architecture
hschwentner
6
2.3k
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
6.7k
CSC509 Lecture 04
javiergs
PRO
0
300
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
230
チームの境界をブチ抜いていけ
tokai235
0
200
One Enishi After Another
snoozer05
PRO
0
130
Catch Up: Go Style Guide Update
andpad
0
230
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
170
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
The Cost Of JavaScript in 2023
addyosmani
55
9k
How STYLIGHT went responsive
nonsquared
100
5.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
630
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
The Invisible Side of Design
smashingmag
302
51k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Being A Developer After 40
akosma
91
590k
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!