Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Web Launchpad

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

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

More Decks by Orlando Del Aguila

See All by Orlando Del Aguila
Open Source + Nonprofits = 💪
Avatar for Orlando Del Aguila orlando
0
120
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
170
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
88
How to be a Senior Software Engineer
Avatar for Orlando Del Aguila orlando
0
170
Terraform Workshop
Avatar for Orlando Del Aguila orlando
1
190
Infrastructure as Code with Terraform
Avatar for Orlando Del Aguila orlando
0
340
Concurrencia, Paralelismo y el Event-loop
Avatar for Orlando Del Aguila orlando
0
410
Talking Web Apps
Avatar for Orlando Del Aguila orlando
0
150
Web Launchpad - Chelajs
Avatar for Orlando Del Aguila orlando
0
260

Other Decks in Programming

See All in Programming
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
Avatar for Riku Sakamoto riku_sakamoto
0
330
モバイル交通系ICへのチャージ実例から考える、クロスプラットフォーム開発におけるiOS実機テスト設計とCI運用
Avatar for Yu Sugawara yusuga
1
480
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
210
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
3
340
WebMCP Challenge に星空観察アプリで参加した話
Avatar for dario okazaki okajun35
0
170
Intent as Code
Avatar for Shoppingjaws shoppingjaws
6
1k
FreeBSDでZabbixを動かす.pdf
Avatar for kenkino kenkino
0
280
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
0
400
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
220
自分的「カンファレンスの楽しみ方」
Avatar for syumai syumai
0
200
Java 27新機能 / Java 27 new features
Avatar for Naoki Kishida kishida
2
140
技術的負債の返済は、AI時代の複利で効く投資 — 経営としての意思決定とその遂行
Avatar for curekoshimizu curekoshimizu
0
1.3k

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.5k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
500
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
390
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
520
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
540
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
460
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
500
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.2k

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!