Building a Javascript Video Synthesizer for Live Performance

Building a Javascript Video Synthesizer for Live Performance

JSConf via YouTube Direct link

Video in Canvas

25 of 35

25 of 35

Video in Canvas

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Building a Javascript Video Synthesizer for Live Performance

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Inspiration
  3. 3 Testing
  4. 4 Modular Synthesis
  5. 5 Dynamic SVG
  6. 6 Atari Video Music
  7. 7 Digital Aesthetics
  8. 8 Audio Response
  9. 9 Hardware
  10. 10 BitKid
  11. 11 Nodes
  12. 12 Overview
  13. 13 Web Components
  14. 14 Code Examples
  15. 15 Writing to iframe
  16. 16 Evil is evil
  17. 17 Evil eval
  18. 18 Evil attribute
  19. 19 CSS transitions and drum machines
  20. 20 Bimini
  21. 21 How it works
  22. 22 MIDI messages
  23. 23 Gamepad
  24. 24 RequestAnimationFrame
  25. 25 Video in Canvas
  26. 26 Webcam
  27. 27 Canvas
  28. 28 Video Example
  29. 29 Problems with this approach
  30. 30 I run out of time
  31. 31 Get attribute
  32. 32 Errors
  33. 33 ChangeCallBack
  34. 34 TouchDesigner
  35. 35 Loopback

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.