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
1
330

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
Tweet

More Decks by Orlando Del Aguila

See All by Orlando Del Aguila
Open Source + Nonprofits = 💪
Avatar for Orlando Del Aguila orlando
0
88
Web APIs 2019
Avatar for Orlando Del Aguila orlando
0
140
Managing remote teams
Avatar for Orlando Del Aguila orlando
0
70
How to be a Senior Software Engineer
Avatar for Orlando Del Aguila orlando
0
150
Terraform Workshop
Avatar for Orlando Del Aguila orlando
1
160
Infrastructure as Code with Terraform
Avatar for Orlando Del Aguila orlando
0
290
Concurrencia, Paralelismo y el Event-loop
Avatar for Orlando Del Aguila orlando
0
360
Talking Web Apps
Avatar for Orlando Del Aguila orlando
0
100
Web Launchpad - Chelajs
Avatar for Orlando Del Aguila orlando
0
220

Other Decks in Programming

See All in Programming
理論と実務のギャップを超える
Avatar for kmuto eycjur
0
170
Webサーバーサイド言語としてのRustについて
Avatar for kaza kouyuume
0
1.4k
釣り地図SNSにおける有料機能の実装
Avatar for nokonoko1203 nokonoko1203
0
190
Software Architecture
Avatar for Henning Schwentner hschwentner
6
2.3k
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
200
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
Avatar for RIZAPテクノロジーズ rizap_tech
0
6.7k
CSC509 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
SwiftDataを使って10万件のデータを読み書きする
Avatar for akidon0000 akidon0000
0
230
チームの境界をブチ抜いていけ
Avatar for tokai235 tokai235
0
200
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
130
Catch Up: Go Style Guide Update
Avatar for ANDPAD inc andpad
0
230
バッチ処理を「状態の記録」から「事実の記録」へ
Avatar for HideyukiKitao panda728
PRO
0
170

Featured

See All Featured
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
630
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
238
140k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

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!