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

Web Launchpad

Orlando Del Aguila
October 23, 2015
Programming
1
250

Web Launchpad

Using Web Audio API and Web MIDI API to sample with a Novation Launchpad in the Browser

Orlando Del Aguila

October 23, 2015
Tweet

More Decks by Orlando Del Aguila

See All by Orlando Del Aguila
Open Source + Nonprofits = 💪
orlando
0
39
Web APIs 2019
orlando
0
65
Managing remote teams
orlando
0
40
How to be a Senior Software Engineer
orlando
0
81
Terraform Workshop
orlando
1
100
Infrastructure as Code with Terraform
orlando
0
240
Concurrencia, Paralelismo y el Event-loop
orlando
0
250
Talking Web Apps
orlando
0
34
Web Launchpad - Chelajs
orlando
0
140

Other Decks in Programming

See All in Programming
ランニングコストやっべぇぞ！ECS/FargateでECRへのアクセスについて
honma12345
0
860
Jetpack Compose Debugging to fix performance problems
yucamm124
0
440
Composing a Design System
stewemetal
0
200
Github CopilotとChatGPTを使って感じた使い分けの糸口 / JavaDo #22
gishi_yama
0
180
次なるルーターパッケージ選定のしざまと決め手について
yuzuy
2
300
サバンナ便り〜自動テストに関する連載で得られた知見のまとめ（2023年5月版）〜 / Automated Test Knowledge from Savanna 202305 edition
twada
PRO
15
5.1k
最強のターミナル・シェルを作る - NIFTY Tech Talk #11
niftycorp
2
110
多様なプロトコルと 駆動モデルをサポートするIoTゲートウェイの開発と運用の知見
takesinoda
0
480
Look Back Over Deep Links
jmatsu
0
230
ZetaSQLを使って、 カラムリネージ機能を作った話
gtnao
2
110
複雑性に立ち向かうためのサーバーサイドコード分割 / JJUG CCC 2023 Spring
hirokunimaeta
1
290
Compose로 Android&Desktop 멀티플랫폼 만들기
pangmoo
0
120

Featured

See All Featured
What's in a price? How to price your products and services
michaelherold
234
10k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
5
6.5k
Learning to Love Humans: Emotional Interface Design
aarron
264
38k
Statistics for Hackers
jakevdp
787
210k
StorybookのUI Testing Handbookを読んだ
zakiyama
9
3.5k
A designer walks into a library…
pauljervisheath
199
17k
Code Reviewing Like a Champion
maltzj
508
38k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
19k
WebSockets: Embracing the real-time Web
robhawkes
58
6.2k
The World Runs on Bad Software
bkeepers
PRO
59
5.9k
Building Adaptive Systems
keathley
29
1.5k
The Invisible Customer
myddelton
113
12k

Transcript

  1. Web Launchpad

    View Slide

  2. View Slide

  3. orlando.delagui.la
    hashlabs.com
    eatcodetravel.com

    View Slide

  4. Web Launchpad

    View Slide

  5. Web MIDI API
    +
    Web Audio API

    View Slide

  6. Web MIDI API

    View Slide

  7. View Slide

  8. and Opera

    View Slide

  9. Web Audio API

    View Slide

  10. View Slide

  11. View Slide

  12. Web Audio API

    View Slide

  13. AudioContext

    View Slide

  14. .decodeAudioData()
    .createBufferSource()

    View Slide

  15. Web MIDI API

    View Slide

  16. MIDIAccess

    View Slide

  17. .inputs()
    .outputs()
    onstatechange

    View Slide

  18. MIDIInputMap

    View Slide

  19. value.onmidimessage

    View Slide

  20. [144, 10, 127]

    View Slide

  21. [144, 10, 127]
    channel key note

    View Slide

  22. [144, 10, 0]
    channel key note

    View Slide

  23. ♥

    View Slide

  24. Demo

    View Slide

  25. Resources

    View Slide

  26. orlando/web-launchpad

    View Slide

  27. developer.mozilla.org
    html5rocks.com

    View Slide

  28. Thanks!

    View Slide