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

Web Launchpad

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

Other Decks in Programming

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