This is a musical live coding environment built for a conference talk . This talk was given:
- at DevFest Toulouse 2019 in Toulouse, FR - video (in French)
- at SunnyTech 2024 in Montpellier, FR - video (in French)
- at RivieraDev 2024 in Sophia-Antopilis, FR
The goal of this talk is to walk the audience in 45 minutes through the concepts of WebAudio and ToneJS and go from a raw oscillator producing a sine wave to a complete song with drums, bass line, pad and lead melody and effects that can be tuned live with a MIDI controller.
Challenge accepted, it worked 🎶😊
The editor used is Monaco editor, the embeddable version of VS-Code's editor. So you have all the nice syntax verification and code completion features.
You can head to https://swallez.github.io/livecoding-webaudio-tonejs/ and start live-coding/playing! Be patient though, the editor is a bit big and takes time to load.
To run locally, run npm run build && npm run serve: it builds to the docs directory and serves it on http://localhost:8080/
A teaser for the talk and the final track are on YouTube. If you understand French (or just want to follow the demo), watch the talk.
Apache Licence 2.0
By contributing to this repository you implicitly accept your contributions to be licensed under the Apache License 2.0