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

Liberating your Musical Instruments with WebMIDI

Liberating your Musical Instruments with WebMIDI

Talk outline -

* What does it take to make music?
* MIDI - A standard from the 80s
* Now available in your browser
* Liberation stories - Volca Bass
* Liberation stories - Novation Circuit
* End Notes
* Questions

76256b51a771eb1f2e81f8fcb1d14cc3?s=128

ideamonk

August 23, 2016
Tweet

Transcript

  1. Liberating your Musical Instruments with WebMIDI Abhishek Mishra JSFoo 2016

  2. Abhishek Mishra • Product Design @ Helpshfit • Music Hobbyist

    • @ideamonk Why am I here?
  3. What does it take to make music?

  4. What does it take to make music?

  5. What does it take to make music?

  6. What does it take to make music?

  7. What does it take to make music?

  8. A Standard from the 80s Jim Mothersbaugh and Dave Smith

    in the first public showing of MIDI 1 1 For more details, checkout midi.org article titled "Midi from the Inside"
  9. A Standard from the 80s Carries events that specify •

    notes • pitches • velocity
  10. A Standard from the 80s Carries events that specify •

    notes • pitches • velocity • and even, arbitrary aspects of your sound/performance
  11. A Standard from the 80s Now available in your browser

    Introduced in Google Chrome 43 for OSX and Linux
  12. Liberation Stories Volca Bass

  13. Volca Bass • synthesizes analogue bass sounds • shape sound

    with oscillators, cutoffs, envelope
  14. Volca Bass • artists use a patch sheet to remember

    their patches
  15. Volca Bass • artists use a patch sheet to remember

    their patches • have we not progressed?
  16. Volca Bass • artists use a patch sheet to remember

    their patches • plugins are expensive or difficult to write
  17. Volca Bass • artists use a patch sheet to remember

    their patches • plugins are expensive or difficult to write WebMIDI to the rescue!
  18. Volca Bass WebMIDI to the rescue! • Demo - patch

    builder for Volca Bass using WebMIDI
  19. Liberation Stories Novation Circuit

  20. Novation Circuit • portable groovebox

  21. Novation Circuit • portable groovebox • 2 amazing synthesizers

  22. Novation Circuit • portable groovebox • 2 synthesizers Limited creativity

    • only 32 presets • 8 controllable parameters
  23. Novation Circuit Limited creativity • only 32 presets • 8

    controllable parameters Let's look into the MIDI implementation!
  24. Novation Circuit Limited creativity • only 32 presets • 8

    controllable parameters Let's look into the MIDI implementation!
  25. Novation Circuit WebMIDI to the rescue! • Demo - my

    custom circuit controller with WebMIDI
  26. End Notes • WebMIDI makes tinkering with musical intruments easy

    and accessible to masses • WebMIDI helps you compensate for missing funtionalities in your instruments/controllers • If you're a frontend developer, you need not wait for manufacturers to ship updates
  27. Thx! 2 Questions? 2 For more: checkout updates on my

    blog - ideamonk.in