/ Music

Audio-driven image effects

A little Web Audio API and CSS image filter nerdery. (But this is only going to work on your computer, not on your phone.)

Click the button below to toggle on image effects. Your browser will ask you for permission to use the microphone: say "Allow".

Once you do, the image will start jiggling when you talk.

But this is most fun with a beat; I recommend turning on some music.

No music handy? No problem. I've embedded a couple of tracks below that are fun.

If the visuals make you seasick, just click the toggle button again to turn off the motion.

Audio-driven image effects
Share this