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

Web Launchpad

Orlando Del Aguila
October 23, 2015
Programming
1
310

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
69
Web APIs 2019
orlando
0
120
Managing remote teams
orlando
0
59
How to be a Senior Software Engineer
orlando
0
130
Terraform Workshop
orlando
1
150
Infrastructure as Code with Terraform
orlando
0
270
Concurrencia, Paralelismo y el Event-loop
orlando
0
340
Talking Web Apps
orlando
0
86
Web Launchpad - Chelajs
orlando
0
200

Other Decks in Programming

See All in Programming
Thank you <💅>, What's the Next?
ahoxa
1
490
Vibe Coding の話をしよう
schroneko
10
2.6k
Bedrock×MCPで社内ブログ執筆文化を育てたい！
har1101
6
1k
KawaiiLT 登壇資料　キャリアとモチベーション
hiiragi
0
120
七輪ライブラリー: Claude AI で作る Next.js アプリ
suneo3476
1
110
Kamal 2 – Get Out of the Cloud
aleksandrov
1
190
「理解」を重視したAI活用開発
fast_doctor
0
150
Make Parsers Compatible Using Automata Learning
makenowjust
2
5.2k
State of Namespace
tagomoris
4
1.8k
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
2
450
監視 やばい
syossan27
11
9.8k
Agentic Applications with Symfony
el_stoffel
2
310

Featured

See All Featured
KATA
mclloyd
29
14k
Statistics for Hackers
jakevdp
798
220k
Producing Creativity
orderedlist
PRO
344
40k
Building Adaptive Systems
keathley
41
2.5k
Site-Speed That Sticks
csswizardry
5
500
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
GitHub's CSS Performance
jonrohan
1030
460k
Why Our Code Smells
bkeepers
PRO
336
57k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M

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!