$30 off During Our Annual Pro Sale. View Details »

Web Launchpad

Orlando Del Aguila
October 23, 2015
Programming
1
250

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
39
Web APIs 2019
orlando
0
62
Managing remote teams
orlando
0
36
How to be a Senior Software Engineer
orlando
0
76
Terraform Workshop
orlando
1
99
Infrastructure as Code with Terraform
orlando
0
220
Concurrencia, Paralelismo y el Event-loop
orlando
0
240
Talking Web Apps
orlando
0
31
Web Launchpad - Chelajs
orlando
0
130

Other Decks in Programming

See All in Programming
Hands-on Native ESM @ JSConf JP 2022
qnighy
0
2.8k
Ship Faster With Feature Flags
davidodari
0
150
排他制御のためだけに渋々 Redis 使ってませんか？
mpyw
7
750
RuboCop Under a Microscope
koic
8
1.2k
なんでもPull Requestにする / Kichijoji.pm 31
utgwkk
1
1.2k
KubeCon + CNCon Europe 2022 Recap ~ Istio Today and Tomorrow: Sidecars and Beyond
ksudate
0
120
Kaigi_on_Rails_2022スポンサーLT登壇資料.pdf
yuta_onishi_97
1
270
組織と技術の両輪で開発を加速させるkintoneチームの取り組み / JJUG CCC 2022 Fall Cybozu kintone
itchyny
0
320
Blue / Green デプロイと安全性と複雑性と #AWSDevDay
track3jyo
PRO
11
3.8k
Django ORM パフォーマンスTips
takeaship
0
220
Behat en 2022
pocky
1
140
Amazon S3 Selectで実現するサーバーレス高負荷対応サイト
seike460
PRO
2
570

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
A Modern Web Designer's Workflow
chriscoyier
690
180k
The Invisible Customer
myddelton
111
12k
Six Lessons from altMBA
skipperchong
15
1.6k
Infographics Made Easy
chrislema
234
17k
Reflections from 52 weeks, 52 projects
jeffersonlam
337
18k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
130k
Agile that works and the tools we love
rasmusluckow
320
19k
VelocityConf: Rendering Performance Case Studies
addyosmani
317
22k
The Invisible Side of Design
smashingmag
292
48k

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!