Livecoding Music and Graphics in the browser

Livecoding Music and Graphics in the browser

Livecoding, or the act of coding in front of an audience, possibly with your code exposed on a big screen, is kind of a niche art form, with environments like SuperCollider and Impromptu being the most popular choices. I went out to try to build a minimal, capable and usable environment that would run in a modern web browser. I will talk about (and demo) the system itself, but also will speak about the challenges and the details of my solution.

B5b39c8f21b5bb1ab97852ed32c888ab?s=128

Jan Krutisch

May 10, 2013
Tweet

Transcript

  1. jan@krutisch.de Jan Krutisch Livecoding Music and Graphics in the Browser

  2. jan@krutisch.de Jan Krutisch Livecoding Music and Graphics in the Browser

  3. jan@krutisch.de Jan Krutisch Livecoding Music and Graphics in the Browser

  4. jan@krutisch.de Jan Krutisch Livecoding Music and Graphics in the Browser

    http://thesinglepageapp.com/
  5. Music

  6. http://www.flickr.com/photos/pelegrino/2617086780/

  7. http://www.berlinc64club.de/

  8. None
  9. None
  10. None
  11. www.renoise.com

  12. programming music

  13. Live performance

  14. Live coding

  15. None
  16. impromptu

  17. impromptu SuperCollider

  18. impromptu SuperCollider Overtone

  19. Web Audio API

  20. Chrome, Safari, (Firefox)

  21. None
  22. None
  23. None
  24. liv3c0der

  25. liv3c0der

  26. liv3c0der http://github.com/halfbyte/liv3c0der

  27. None
  28. called on requestAnimationFrame

  29. called on requestAnimationFrame called for every pattern cycle

  30. None
  31. None
  32. The revolution will not be televised.

  33. Lessons learned

  34. F**k purity

  35. Don't worry too much about crashes (they will happen anyway)

  36. (Optimize for quick recovery)

  37. Music & Graphics too much

  38. F**k browser compatibility.

  39. Powerful runtime

  40. None
  41. None
  42. http://webaudiohacks.com/

  43. Thanks. Questions?

  44. None