Browser Mic Turns Glass Tapping Into Visual Music Using Web Audio API

A developer has built a no-install, browser-based interactive toy that uses a computer microphone to detect the pitch of tapped water glasses. The project relies on the browser's getUserMedia API to capture live audio and convert it into a real-time data stream. Fast Fourier Transform (FFT) is then applied to analyze the frequencies present in each tap. Depending on whether the detected pitch is low, mid, or high, the screen responds with distinct color changes, geometric animations, and musical note labels. The entire tool runs from a single HTML file, requiring no downloads or external software.