Web Launchpad

A0574e5093df6afd68f1c109c5a9bf22?s=47 Orlando Del Aguila
October 23, 2015
Programming
1
220

Web Launchpad

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

A0574e5093df6afd68f1c109c5a9bf22?s=128

Orlando Del Aguila

October 23, 2015
Tweet

Want more?

A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
28
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
44
A0574e5093df6afd68f1c109c5a9bf22?s=48 orlando
0
23
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
7
930
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
15
960
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
7
510
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
330
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
9
690
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
9
350
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
380
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
5
950
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
250

Transcript

  1. 1.

    Web Launchpad

  2. 2.
    None
  3. 3.

    orlando.delagui.la hashlabs.com eatcodetravel.com

  4. 4.

    Web Launchpad

  5. 5.

    Web MIDI API + Web Audio API

  6. 6.

    Web MIDI API

  7. 7.
    None
  8. 8.

    and Opera

  9. 9.

    Web Audio API

  10. 10.
    None
  11. 11.
    None
  12. 12.

    Web Audio API

  13. 13.

    AudioContext

  14. 14.

    .decodeAudioData() .createBufferSource()

  15. 15.

    Web MIDI API

  16. 16.

    MIDIAccess

  17. 17.

    .inputs() .outputs() onstatechange

  18. 18.

    MIDIInputMap

  19. 19.

    value.onmidimessage

  20. 20.

    [144, 10, 127]

  21. 21.

    [144, 10, 127] channel key note

  22. 22.

    [144, 10, 0] channel key note

  23. 23.

    ♥

  24. 24.

    Demo

  25. 25.

    Resources

  26. 26.

    orlando/web-launchpad

  27. 27.

    developer.mozilla.org html5rocks.com

  28. 28.

    Thanks!