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

Web Launchpad

Avatar for Orlando Del Aguila Orlando Del Aguila
October 23, 2015
Programming
1
320

Web Launchpad

Using Web Audio API and Web MIDI API to sample with a Novation Launchpad in the Browser

Avatar for Orlando Del Aguila

Orlando Del Aguila

October 23, 2015
Tweet

More Decks by Orlando Del Aguila

See All by Orlando Del Aguila
Open Source + Nonprofits = 💪
Avatar for Orlando Del Aguila orlando
0
87
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
140
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
70
How to be a Senior Software Engineer
Avatar for Orlando Del Aguila orlando
0
150
Terraform Workshop
Avatar for Orlando Del Aguila orlando
1
160
Infrastructure as Code with Terraform
Avatar for Orlando Del Aguila orlando
0
290
Concurrencia, Paralelismo y el Event-loop
Avatar for Orlando Del Aguila orlando
0
360
Talking Web Apps
Avatar for Orlando Del Aguila orlando
0
100
Web Launchpad - Chelajs
Avatar for Orlando Del Aguila orlando
0
220

Other Decks in Programming

See All in Programming
MCPでVibe Working。そして、結局はContext Eng（略）/ Working with Vibe on MCP And Context Eng
Avatar for r-kagaya rkaga
5
2.3k
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
210
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
440
概念モデル→論理モデルで気をつけていること
Avatar for sunnyone sunnyone
3
290
AI Coding Agentのセキュリティリスク：PRの自己承認とメルカリの対策
Avatar for さうす s3h
0
230
Updates on MLS on Ruby (and maybe more)
Avatar for sylph01 sylph01
1
180
@Environment(\.keyPath)那么好我不允许你们不知道！ / atEnvironment keyPath is so good and you should know it!
Avatar for Elvis Shi lovee
0
120
AIコーディングAgentとの向き合い方
Avatar for kmuto eycjur
0
280
AIでLINEスタンプを作ってみた
Avatar for kmuto eycjur
1
230
プロポーザル駆動学習 / Proposal-Driven Learning
Avatar for mackey0225 mackey0225
2
1.3k
Testing Trophyは叫ばない
Avatar for toms toms74209200
0
890
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
400

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
71
19k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.6k

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!