Webcam Piano

This project, developed using p5.js and JavaScript, introduces an interactive webcam-based musical experience. Users can use their fingertips to trigger piano sounds in real-time. By integrating webcam input with dynamic visuals and sound generation, the tool provides a creative, playful way to explore music in the browser.

Highlights

• Created with p5.js for real-time rendering and input handling
• Uses webcam to detect finger positions mapped to sound triggers
• Visual piano grid for intuitive interaction
• Responsive keyboard audio mapped to live input
• Hands-on browser-based synthesis and computer vision

Try It