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
390
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
130
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
180
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
92
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
270

Other Decks in Programming

See All in Programming
AIで開発が速くなった先で、開発チームは何を目指すか
Avatar for Yuki Shiho shihochan
1
2k
高橋メソッドでCVE解説シリーズ 〜CVE-2026-112816〜
Avatar for Hakkadaikon hakkadaikon
0
220
Apple Intelligenceとオンデバイス時代の到来
Avatar for Yahiro Sugiyama yahir0
0
220
flutter_test のその先へ — Flutter アプリの LLM 機能に「評価」という品質保証を
Avatar for Kosuke Saigusa kosukesaigusa
0
200
ActionController meets Protocol Buffers
Avatar for Sorah Fukumori sorah
1
780
Vapor Mode でアクセシビリティは 壊れないか検証した話
Avatar for fuqda fuqda
1
330
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
Avatar for アキキー | Akihisa Ikeda akihisaikeda
1
290
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
280
Enforcing Your Architecture with Unit Tests in the AI Era (Swift Connection X)
Avatar for Stelios Frantzeskakis steliosf
PRO
1
150
graphql-ruby を Spinel で速くしようとした話
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
140
LLM 101
Avatar for Leonardo YongUk Kim dalinaum
0
470
Spec-Driven Development - Why Vaadin Is the Perfect Fit
Avatar for Simon Martinelli simas
PRO
0
230

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.3k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.8k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
3
35k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
810
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.9k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
320
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4.1k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
290

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!