Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Launchpad

Orlando Del Aguila
October 23, 2015
Programming
1
290

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

More Decks by Orlando Del Aguila

See All by Orlando Del Aguila
Open Source + Nonprofits = 💪
orlando
0
63
Web APIs 2019
orlando
0
96
Managing remote teams
orlando
0
55
How to be a Senior Software Engineer
orlando
0
120
Terraform Workshop
orlando
1
140
Infrastructure as Code with Terraform
orlando
0
260
Concurrencia, Paralelismo y el Event-loop
orlando
0
310
Talking Web Apps
orlando
0
66
Web Launchpad - Chelajs
orlando
0
180

Other Decks in Programming

See All in Programming
unique パッケージから学ぶ interning と weak reference @ Asakusa.go#3
karamaru
1
630
dotfiles について話したい #湘なんか
stefafafan
2
290
状態管理ライブラリZustandの導入から運用まで
k1tikurisu
3
440
2024 컴포즈 정원사
jisungbin
0
150
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
240
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
100
Lessons by WebAssembly app in production on CDN Edge Computing Service
tetsuharuohzeki
0
160
Ruby Parser progress report 2024
yui_knk
2
220
Swift Concurrencyとレースコンディション
objectiveaudio
1
410
XStateでReactに秩序を与えたい
gizm000
0
700
REXML改善のその後
naitoh
0
190
Hono・Prisma・AWSでGeoなAPI開発
nokonoko1203
5
660

Featured

See All Featured
It's Worth the Effort
3n
182
27k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
Navigating Team Friction
lara
183
13k
The Invisible Customer
myddelton
119
13k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
24
3.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k

Transcript

  1. Web Launchpad

  2. None

  3. orlando.delagui.la hashlabs.com eatcodetravel.com

  4. Web Launchpad

  5. Web MIDI API + Web Audio API

  6. Web MIDI API

  7. None

  8. and Opera

  9. Web Audio API

  10. None
  11. None

  12. Web Audio API

  13. AudioContext

  14. .decodeAudioData() .createBufferSource()

  15. Web MIDI API

  16. MIDIAccess

  17. .inputs() .outputs() onstatechange

  18. MIDIInputMap

  19. value.onmidimessage

  20. [144, 10, 127]

  21. [144, 10, 127] channel key note

  22. [144, 10, 0] channel key note

  23. ♥

  24. Demo

  25. Resources

  26. orlando/web-launchpad

  27. developer.mozilla.org html5rocks.com

  28. Thanks!