Air Theremin – a browser theremin you play by waving at your webcam

(theremin.bizibah.com)

181 points | by gurov 7 hours ago

27 comments

  • leumon 4 hours ago
    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...
  • sd9 6 hours ago
    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.
    • razemio 6 hours ago
      What would be the attack vector with indirect access to a webcam?
      • sd9 6 hours ago
        De-anonymisation for one.

        But more generally, if I’m the sort of person who would allow this I’d probably allow some other stupid permissions if they promised me something novel on the other side.

        • alien_hand 3 hours ago
          Maybe try hiding your face below the camera and throwing your hands up in the sky so the camera only sees your hands then play/sing Metallica.

             [Chorus]
             Never cared for what they do
             Never cared for what they know
             But I know
          
             [Refrain]
             So close, no matter how far
             It couldn't be much more from the heart
             Forever trusting who we are
             And nothing else matters
      • VCFundedGenYer 2 hours ago
        You are giving your face away, for one very obvious point.

        Never give a random website access to your webcam. This is basic privacy 101.

      • chabska 4 hours ago
        I'd love if the people who put a tape over their laptop webcam could answer this.
        • Insimwytim 4 hours ago
          I'd love if people stopped trying to pretend Snowden didn't happen.
        • mb7733 2 hours ago
          To me, a stranger gaining access to my webcam to secretly watch me isn't just an "attack vector"...
      • ncr100 2 hours ago
        Palmprint?
    • remote 6 hours ago
      "An overdriven webcam sensor reconfigures its pixels into an AI-steered optical phased array, discharging the laptop's total electrical power as a lethal, coherent laser pulse the instant your hand moves."

      Then it rendered the page load with '<html><h1>"You have been theremin ated".'

  • linesofcode 2 hours ago
  • cochlear 1 hour ago
    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.

  • bobbiechen 3 hours ago
    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.

  • bookofjoe 6 hours ago
    Since a physical theremin is played by non-contact gestures and motions, perhaps your creation might be more aptly termed a "Virtual theremin."
    • helsinkiandrew 6 hours ago
      Although its still kind of working in roughly the same manner as the original theramin - just using a different frequency of electromagnetic radiation.

      Perhaps a "high frequency theramin"?

    • jayknight 6 hours ago
      I her your point, but this is the theremin version of air guitar, so I think it fits.
      • MomsAVoxell 5 hours ago
        Ermm, theremin came first, so actually the air guitar is a theremin-version of a guitar.

        So actually this project should be called “Cameramin”, since it has very little do to with air guitar, other than air guitar being derived from the theremin ..

    • jimmySixDOF 5 hours ago
      [dead]
  • specproc 1 hour ago
    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.

  • dash2 1 hour ago
    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.

  • ordinarily 2 hours ago
    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.

  • ben_w 6 hours ago
    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.

    • specproc 1 hour ago
      So many folks in the thread, myself included. Really fun type of project.
    • MomsAVoxell 5 hours ago
      An iPhone version which used both the front and rear cameras would be far cooler than this, and provide better control too.

      Call it Cameramin and you’ve got a customer. ;)

      • jkahrs595 5 hours ago
        Both front/rear cameras simultaneously? How would that work? You’d either have to have it balancing upright, or hold it in your mouth or something else awkward no?
        • ben_w 4 hours ago
          Phone stands exist, and I can see a custom stand working plausibly well if this made phones replace actual theramins for performances.
          • MomsAVoxell 4 hours ago
            Exactly, just 3D print a little inverted π-shaped stand, plonk the Cameramin on it, and get on with the performance.

            Sounds like a great app idea, no matter that someone else might’ve already done something similar. I’d love to see it personally (although I have my own theremin to play with) .. an app like this would be very fun indeed.

          • jkahrs595 4 hours ago
            Phone stands exist!?

            We were talking about an app hence my comment on usability. Now we’re discussing something entirely different.

            • MomsAVoxell 4 hours ago
              An app which functions when you place the iPhone vertically in such a fashion that both hands are on each side of the phone, facing both cameras.

              You don’t need a stand, you could also use a salt and pepper shaker, a wedge of plasticine, your girlfriend/boyfriend’s knees...

              Sheesh, try to be less pedantically rigid, honestly .. it’s a cool app idea. All it takes is for the user to mount their phone vertically while they’re using it.

              • jkahrs595 3 hours ago
                > pedantically rigid

                My original comment was perfectly reasonable…

                Sorry if asking clarifying questions about your hypothetical app seems to have hit a nerve.

                • MomsAVoxell 2 hours ago
                  > We were talking about an app hence my comment on usability. Now we’re discussing something entirely different.

                  The misunderstanding is, yes, for this app you would need the phone to stand vertically, so yeah, some kind of mounting adapter would be needed, or at least the user has to find a way to expose both cameras on the horizontal plane while also having their hands free ..

                  It would be a pretty cool app, but yeah there is the requirement that the user mount their phone somehow. My thoughts went immediately to 3D printing a little holder, but yeah, even a bit of ducttape would do it. ;P

  • xianshou 4 hours ago
    Really missed the opportunity for "Airemin".
  • dmd 4 hours ago
    Similar, my "play with your hands" one: https://3e.org/hands.html
  • fosron 6 hours ago
    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!
  • jojogeo 7 hours ago
    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.
    • self 5 hours ago
      There's a button next to "gyro" labeled "hands." Click on it, and the browser will ask for the camera permission. For me (Chrome, mac), I had to click on the "cal" button next to it the first time to actually switch to the camera.
  • booi 6 hours ago
    Say what you want about AI but it makes it possible to build a whole slew of awesome stuff
    • sgt 6 hours ago
      Horrible UI's though.. just look at this. But the idea is cool.
    • phyzix5761 6 hours ago
      AI is great. AI is a huge field encompassing many things that are not LLMs.
      • SamBam 39 minutes ago
        That pedantic ship has sailed. In everyday communication people use "AI" as a shorthand for saying "LLM," even if they know perfectly well that other forms of AI exist. You can tell this by context, no need to tell people that there are other kinds of AI.
      • sureMan6 6 hours ago
        This was built by an LLM
        • phyzix5761 4 hours ago
          And? I'm talking about all the other things encompassing AI and Machine Learning.
  • logicallee 5 hours ago
    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.
  • nickgubbins 3 hours ago
    this is fantastic - props to the creator
  • nextstep 5 hours ago
    Airemin
  • bigblind 7 hours ago
    Quite fun to play with.Nice work!
  • samayashar 6 hours ago
    This is actually so cool.
  • unified101 7 hours ago
    Nice experiment. Looks like the camera feed processing fps is sufficient for some creativity here.
  • hny6epwg93 4 hours ago
    Honestly? Respect
  • jpoesen 4 hours ago
    Come on. "Thairemin" was right th(e|ai)re.
  • gurov 7 hours ago
    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

    • ChaitanyaSai 6 hours ago
      Nice work. "No video leaves your machine." Either Claude specifically or AI models in general use this phrasing now and No teeth are left un-gnashed as a result. Uggh I wonder why it's so aggravating.
    • Retr0id 6 hours ago
      Cool project but did you really need to use an LLM for this comment?
      • Brendinooo 6 hours ago
        comment history suggests English is not his first language, this is probably translated
        • Retr0id 6 hours ago
          Translation does not typically produce Claude-style sentence structure and phraseology, unless the translator is also Claude.
          • gurov 6 hours ago
            My bad, I used Claude to create the description. The thing is, I'm really bad at presenting a project properly. But thanks for the criticism, I'll take it into account next time.
            • cowboylowrez 5 hours ago
              I think the main objection is that hacker news supposedly doesn't want AI generated comments, which is going to paradoxically produce the situation where the mods will be overwhelmed with policing AI generated comments and they themselves will be replaced by AI who will then be incentivized to accuse human comments as being AI (because they're not team AI duh) and then there will be nothing but bots here.
            • ben_w 5 hours ago
              Best way to get better is practice, and practice is best without the assistant. Think weight lifting, rather than a forklift: the hard part is the point.

              Obviously I appreciate this is hard to do when it's so tempting to get the easy convenient and free AI to do it for you, but the more practiced you are, the better you can do when you do need a metaphorical forklift.

          • Brendinooo 6 hours ago
            Right, I'm saying that I think the author asked Claude to translate notes/writing that were composed in a different language.
        • Laurel1234 3 hours ago
          [dead]
    • cowboylowrez 6 hours ago
      awesome! also do people not like AI comments? when my AI gf chats me up, I sorta like it IYKWIM
      • ben_w 5 hours ago
        AI comments are like dreams: we may find our own interesting, but other people's are somewhere between "fairly boring" and "worrying".
      • Retr0id 6 hours ago
        U+1F928
    • beezlewax 6 hours ago
      One AI slop comment.
  • thisguylikesai 6 hours ago
    [flagged]
  • aiandaguy 6 hours ago
    [flagged]
  • osetinsky 4 hours ago
    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 :)

    • sd9 4 hours ago
      We know you’re generating comments with an LLM even when you remove capital letters.

      Do mention your product when it’s relevant, but just make it human, please