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

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