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

Web Launchpad

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Orlando Del Aguila Orlando Del Aguila
October 23, 2015
Programming
360
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
81
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
【26新卒研修】OpenAPI/Swagger REST API研修
Avatar for ディップ株式会社 dip_tech
PRO
0
120
CDK Deployのための ”反響定位”
Avatar for watany watany
5
920
ソースコード→AST→オペコード、の旅を覗いてみる
Avatar for hideki kinjyo o0h
PRO
1
110
Explore CoroutineScope
Avatar for tomoEng11 tomoeng11
0
140
決定論 vs 確率論：Gemini 3 FlashとTF-IDFを組み合わせた「法規判定エンジン」の構築
Avatar for Shu Kobuchi shukob
0
140
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
Avatar for Toranosuke Minamikawa tigertora7571
0
180
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
4
950
PHPでバイナリをパースして理解するASN.1
Avatar for muno92 muno92
PRO
0
360
AI時代のPhpStorm最新事情 #phpcon_odawara
Avatar for yusuke yusuke
0
250
第3木曜LT会 #28
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
120
Surviving Black Friday: 329 billion requests with Falcon!
Avatar for Samuel Williams ioquatix
0
2.5k
Swift Concurrency Type System
Avatar for Yasuhiro Inami inamiy
1
570

Featured

See All Featured
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
130
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
73k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
100
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
200
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
200
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
190
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
730
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.1k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
240
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
320

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!