How to add it to OBS, Streamlabs or Meld
- Set it up above, then press Copy link.
- In OBS Studio, click + under Sources and choose Browser. In Streamlabs Desktop, add a Browser Source; in Meld Studio, add a Browser layer.
- Paste the link into the URL box and set the width and height to the size of your webcam source, then drag it exactly on top of your camera.
- Leave "Shutdown source when not visible" off. If it is on, live alerts and goals stop whenever you switch scenes.
- Drag it where you want it and resize it with the red handles. The background is transparent, so only the text shows.
It also works as a Twitch Studio, PRISM Live or vMix browser input. Gear that pairs well: a Stream Deck or a free OBS install. Disclosure. Your settings are saved in this browser, so you can come back and change them; after changing settings, paste the new link into the source.
Turn on the microphone in OBS (one time)
OBS browser sources can't hear a microphone until you allow it with a launch option, the same one the face filter facecam uses:
- Close OBS, right-click its shortcut, choose Properties, and add
--enable-media-streamto the end of the Target box (after the closing quote). On a Mac:open -a OBS --args --enable-media-stream. - Reopen OBS from that shortcut and add the Browser Source. Leave "Control audio via OBS" off: the overlay only listens, it never plays your voice back.
The microphone is read inside OBS on your PC. Nothing is recorded or sent anywhere. If the overlay shows a message instead, it tells you what's wrong (launch option missing, no microphone, permission denied).
How it reacts
The frame measures your microphone's loudness about 60 times a second. When you talk, the border gets up to 60% thicker and its glow grows from a soft halo to a bright one, then settles when you stop. The bars show your voice's frequencies, low on the left and high on the right, spaced so speech fills the middle.
Example: a 12-pixel rounded frame grows to about 19 pixels with a 58-pixel glow when you laugh, and sits at 12 pixels with an 8-pixel glow while you're quiet.
Frequently asked questions
How do I put the frame around my webcam?
Set the overlay's width and height to your webcam source's size in OBS, then place the browser source exactly on top of the camera.
Can I use it as an audio visualizer for music?
It listens to a microphone input. To visualize desktop audio, pick a virtual audio cable or "Stereo Mix" as the microphone.
Was this calculator helpful?