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
350
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
110
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
160
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
80
How to be a Senior Software Engineer
Avatar for Orlando Del Aguila orlando
0
160
Terraform Workshop
Avatar for Orlando Del Aguila orlando
1
180
Infrastructure as Code with Terraform
Avatar for Orlando Del Aguila orlando
0
320
Concurrencia, Paralelismo y el Event-loop
Avatar for Orlando Del Aguila orlando
0
390
Talking Web Apps
Avatar for Orlando Del Aguila orlando
0
130
Web Launchpad - Chelajs
Avatar for Orlando Del Aguila orlando
0
250

Other Decks in Programming

See All in Programming
Vibe하게 만드는 Flutter GenUI App With ADK , 박제창, BWAI Incheon 2026
Avatar for JaiChangPark itsmedreamwalker
0
540
瑠璃の宝石に学ぶ技術の声の聴き方 / 【劇場版】アニメから得た学びを発表会2026 #エンジニアニメ
Avatar for mazrean mazrean
0
160
今からFlash開発できるわけないじゃん、ムリムリ! (※ムリじゃなかった!?)
Avatar for Sora Arakawa arkw
0
180
Swift Concurrency Type System
Avatar for Yasuhiro Inami inamiy
0
110
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
370
ファインチューニングせずメインコンペを解く方法
Avatar for pokutuna pokutuna
0
270
20260320登壇資料
Avatar for 松井遼(まついはるか) pharct
0
160
感情を設計する
Avatar for nakamichi ichimichi
5
1.2k
Redox OS でのネームスペース管理と chroot の実現
Avatar for isan isanethen
0
540
アーキテクチャモダナイゼーションとは何か
Avatar for nwiizo nwiizo
17
4.2k
SkillがSkillを生む：QA観点出しを自動化した
Avatar for sontixyou sontixyou
6
3k
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
0
230

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
310
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
430
Designing for Performance
Avatar for Lara Hogan lara
611
70k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
210
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.9M
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
62
53k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
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!