This is the Web Audio & A Little MIDI talk by Ruth John
Versions of this talk have been seen at:
- Mozilla's Viewsource, London, '18
- Ableton's Loop, Berlin. 10th Nov '17
- JS Monthly, London. 25th July '17
- CSS Day, Amsterdam. 15th-16th June '17
Shall we talk about audio? I mean there's no place for that in a browser right? Annoying background sound, auto playing videos 🙄... but wait! What about games, apps, XR, web assembly giving us the power to compile a whole new world in this environment?
With new policies being discussed to make it less offensive, and technologies to make it run smoothly, audio is coming of age. After rocky beginnings back in the nineties, single thread issue with the birth of the Web Audio API, things are changing and really it's here to stay.
Ruth takes us through the basics, best practises and these changes. Welcome to a whole new exciting world of sound, a world where the browser suddenly stops shouting and becomes an adult.
There are recordings of the talk
I don't upload my slides due to some problems I've had with copyright infringement (As in people taking my slides 😢).
However, you can find all the slides within the talk in the index file within this build. It's just an HTML file so pretty easy to navigate - all my slide notes are there as well, within the markup.
For each conference I branch, so just choose the correct branch for the correct index (no two talks are the same).
- Future Library
- 86 and a half years
- Most of the replication synths and drum machines have been removed by the hardware manufacturers, however there's this lovely example of a drum machine
- Viktor NV-1 Synth
- Blokdust
- Mod Synth
- Dot Piano
- Ableton's Learning Music
- Play Drums Online
- Typatone
- Mix Analogue
- Resonance Audio
- Madeon's Adventure Machine
- Laurie Cape - web MIDI controlling typography
- Web MIDI Demo
- Loop Drop
- { Live : JS }
All the demos are based on similar techniques used in the MDN demos which can be found in this codepen collection
- Web Audio Spec
- MDN Docs
- Worklet Examples
- Boris Smus: Getting Started with Web Audio API
- Chris Lowis: Sythesising Drum Sounds
- Jake Archibald: Sounds Fun
- Chris Wilson: A Tale of Two Clocks
- egghead.io
- freecodecamp.org
- coderbyte.com
- Treehouse
- udacity.com
- codewars.com
- watchandcode.com
- codecademy.com
I tend to talk about Audio, MIDI and/or real time visuals, all related to web technologies. I either do this stand-a-lone or as part of the { Live : JS } collective, where we also provide workshops, installations and shows.
You can find me on Twitter or just drop me an email