alt Hacker NewsAir Theremin – a browser theremin you play by waving at your webcam
Comments
Funny I built a very similar app just a few days ago. Cool idea!
I’m going to get pwned one of these days, considering my threshold for giving a random website access to my webcam is apparently mild curiosity and entertainment for 30s.
Funny, I guess this idea is in the air (har har).
I've made a couple things along these lines over the past year. One is a fun, Halloween-themed toy:
https://blog.cochlea.xyz/theremin.html
The other is a (slightly) more serious exploration of multivariate time signals as a control signal for an instrument. In the latter case, the instrument is learned/inferred from a segment of input audio:
https://blog.cochlea.xyz/resonancemodel.html
This is a really neat idea! Like others here, I'm not a huge fan of the hyper-dense and dripping-with-ai UI, though.
I made one of these recently! Total vibe-code, but exactly the sort of thing that I'd never get around to without.
Plugged it into Sonic Pi, wired it up to play samples on gestures. Got a nice installation brewing at some point.
Very impressed by the responsiveness of this. But I gotta say, it's much more fun to play a physical theremin, which has slightly different controls (two antennae, one controlling volume and the other pitch).
https://www.gaudi.ch/OpenTheremin/ will run with an Arduino and it's very satisfying to get better at controlling.
Since a physical theremin is played by non-contact gestures and motions, perhaps your creation might be more aptly termed a "Virtual theremin."
If my Jack Russell is in the right mood, I can make him growl by bringing my hands up as if to stroke him.
I call this the Therrieremin.
Funny I put one of these on my personal site awhile ago. https://www.zchry.org/
I don't think it works as well as this one.
Bah, I got part way through making this as an iPhone app and this person beat me to it :P
Seriously though: nicely done, UX here is better than what I came up with.
Really missed the opportunity for "Airemin".
Similar, my "play with your hands" one: https://3e.org/hands.html
Really cool. I remember one local musician here in Lithuania used a theremin like 20 years ago and i was amazed at the interactivity and the alien sound of it. Now sitting in front of my computer doing the same that many years later brings memories back!
I love this, but for some reason I can't find any way to turn the camera on/it only works with the mouse. Awesome toy though.
Say what you want about AI but it makes it possible to build a whole slew of awesome stuff
This is extremely cool. I activated the camera and it recognized the position of my hands and I was able to play it as shown in the instructions. It's very fun.
this is fantastic - props to the creator
Airemin
Quite fun to play with.Nice work!
This is actually so cool.
Nice experiment. Looks like the camera feed processing fps is sufficient for some creativity here.
Honestly? Respect
Come on. "Thairemin" was right th(e|ai)re.
The camera watches your palms. Move them apart and it gets louder. Bring them together and it goes quiet. Raise them both and the note goes up. There is a sound wave strung between your hands, and it slackens as they close.
Two palms give you four numbers, and one of them is best left alone. Their mean height is the pitch. The distance between them is the volume. The angle of the line joining them sat unused for months and is now the vibrato: see-saw your hands and the note begins to sing. The fourth is where the pair sits horizontally, and it stays free on purpose, so that nobody is pinned to one spot in front of the camera. Their apparent size is a fifth thing and not a position at all; it moves a lowpass and a reverb send, so leaning back makes the room bigger. The angle is independent of the distance, so the vibrato leaves the volume alone, and the string drawn between the hands is already a picture of it.
It began as a phone toy — tilt left and right for volume, forward and back for pitch. The camera came later and turned out to be the better instrument. The phone mode is still there.
No video leaves your machine. The hand tracking is MediaPipe's Hand Landmarker compiled to WASM, running on your own GPU. The tracker and its model are fetched once from a CDN, about 8 MB, and after that you can unplug the network and it still plays.
Most of the work was not the sound. It was the hand that disappears. MediaPipe finds a palm by its plane, so it loses one when you turn your wrist edge-on, or when the room is dark and the webcam falls to fifteen frames a second and a moving hand becomes a smear. At first I held the note for a second after a hand vanished. People said it lagged. I cut it to half a second. People said the sound kept dropping out. Both were right. Now the hold depends on where the hand was last seen: near the edge of the frame a person has genuinely taken their hand away, so 400 ms; deep in frame nobody teleports and the detector merely blinked, so a full second, and no one hears the gap.
The other stubborn thing was the bass. A phone speaker produces nothing below roughly 150 Hz, and raising the gain there does nothing at all — I tried ten decibels and heard silence. So the bottom octave is split off, saturated gently to breed harmonics, and its fundamental is then filtered away. The ear reconstructs a pitch it never heard.
That trick then caused a bug I misread for a week. A tester said the pitch moved in steps in the phone mode, worst in the bass, and guessed it was a frame rate problem. It was not. The phone reports its tilt angle quantised to something close to a whole degree, and I had packed six octaves into eighty degrees of tilt — so one tick of the sensor was most of a semitone. It was audible in the bass specifically because of the exciter: at 70 Hz the ear resolves pitch poorly, but the exciter re-voices the note through harmonics at two and three hundred hertz, which is exactly where the ear resolves cents best. So the fix was not the sound and not the frame rate. It was a narrower range, a wider sweep, and reading the sensor at frame rate instead of once per event.
One HTML file, no build step, MIT: https://github.com/gurov/theremin
[flagged]
[flagged]
this is really cool. i especially like the gesture mapping... using the distance between your hands for volume, their average height for pitch, and the angle between them for vibrato feels unusually intuitive. the fact that those dimensions can move independently makes this feel like it could support a lot more than a theremin sound
also - i made you some sounds with Underscore:
chill / evolving harmonic thing: https://underscore.audio/s/cmp_f2b79a32-57e/chord_lantern
chaotic / glitchier thing: https://underscore.audio/s/cmp_6abde2c8-2d9/morseMind
they're LLM-generated, web-embeddable synths, and the real-time controllable parameters can be defined in the prompt — so your hand tracking could map directly onto whatever controls make sense for the instrument
you can also generate more structured compositions like this: https://underscore.audio/s/cmp_9175f7d2-fe0/drifter_glimmer
happy to help you wire one up / iterate on some sounds if you're interested
disclaimer: i'm building Underscore :)
I find it a bit suspicious that this exact hand waving data could be used to solve Google's latest reCAPTCHA: https://docs.cloud.google.com/recaptcha/docs/hand-gesture-ve...