Skip to content

A webcam background changer that runs in your browser

Put a studio, an office, a plain wall or your own image behind you — or blur the room you are actually in — and record the result. Nothing to install, no account, and no footage leaving your machine.

Open the studio

Camera access is requested inside the studio, not here.

How the background gets changed

Each frame from your camera goes to a segmentation model, which returns a low-resolution map of how confident it is that each part of the picture is a person. That map is the easy part. The hard part is the boundary: a mask barely a quarter of a megapixel, stretched over a 1280×720 frame, gives an edge that follows the model's rough idea of your outline rather than your actual outline — and the gap between the two is a rim of your real room, left visible around you like a halo.

So the mask is re-sampled using the camera frame itself as a guide, with neighbouring samples weighted by how closely their brightness matches the pixel being filled in. Samples from across a real edge in the picture contribute almost nothing, which pulls the boundary onto the edge that is genuinely there. Then the surviving rim pixels get a little of the new background's colour mixed in, so you look lit by the scene behind you instead of cut out and pasted on.

All of that happens on your graphics card, on every frame, before the frame reaches the recorder. It is also the reason the result depends on your room: the technique needs a visible edge to snap to, and a wall the same tone as your hair does not provide one.

The backdrops that come with it

Eight built-in backgrounds, plus a live blur of your real room and any image you add yourself. All eight are drawn artwork rather than stock photographs, which is why they stay soft behind you instead of competing for attention.

  • Dark studio backdrop with a soft overhead key light and a shadowed floor
    Dark Studio
  • Bright studio backdrop in warm off-white with an even, diffused wash
    Bright Studio
  • Modern office interior with glass partitions and desks receding into soft focus
    Modern Office
  • Conference room backdrop with a long table, seating and muted wall panelling
    Conference Room
  • Plain warm-neutral wall in a soft beige tone
    Warm Neutral
  • Plain soft-grey wall with a gentle vertical gradient
    Soft Gray
  • Abstract indigo gradient mesh with overlapping soft light shapes
    Indigo Mesh
  • Modern workspace backdrop with shelving, plants and warm lamp light
    Modern Workspace

Using it

  1. Pick the background first

    The picker opens before anything asks for your camera, so you can browse the backdrops, blur, or add your own image with the camera still off.

  2. Allow camera access once

    The studio asks for the camera at the point it needs it, and never on the way in. The microphone request comes at the same time and can be declined.

  3. Watch the swap happen live

    You see the composited result, not your real room with an effect promised later. What is on screen is what a recording would contain.

  4. Change your mind at any point

    Switching background mid-recording takes effect on the next frame and does not interrupt or split the file. Blur and backdrop are one control away from each other.

What it will not do

Worth knowing before you spend time on it.

It is not a virtual camera. Zoom, Teams, Meet and OBS cannot see the processed feed, because a browser tab has no way to register itself as a camera device with your operating system. This records video; it does not stand in for your webcam elsewhere.

It cannot rescue a badly lit room. The edge refinement finds real edges. If there is no contrast between you and the wall behind you, there is nothing for it to find, and you will see the mask wobble around your hair and shoulders.

It does not edit. There is no timeline, no trimming and no titles. You get a recording with the background already in it, which you can then take into any editor if you need more.

Where background replacement works

Replacement needs WebAssembly and a 2D canvas at minimum; WebGL2 is what enables the edge refinement described above. Without it the app still composites correctly, but the boundary is visibly softer.

Browser support for webcam recording and background replacement in Background Studio
BrowserStatusDetail
Chrome and Edge (desktop)Full supportRecords VP9 WebM. GPU edge refinement runs. The combination this is developed against.
Firefox (desktop)Full supportRecords VP8 or VP9 WebM depending on version.
Safari 16.4 and laterSupportedRecords H.264 MP4, because Safari cannot record WebM. Edge refinement runs.
Safari before 16.4Recording unavailableMissing canvas.captureStream. The studio says so instead of failing part-way through.
Browsers without WebGL2Works, softer edgesFalls back to 2D-canvas compositing: correct output, but a visibly softer boundary.
Phones and tabletsWorks, but demandingThe interface is responsive. Sustained realtime segmentation is heavy on mobile hardware and battery.

Frequently asked questions

Do I need a green screen?
No. The person is found by a segmentation model rather than by colour, so an ordinary room works. A green screen would still give a cleaner edge than a cluttered room does, but it is not required and there is no chroma-key setup to configure.
Can I use my own photo as the background?
Yes — PNG, JPEG or WebP up to 10 MB. It is read into your browser, stored in that browser's own IndexedDB, and drawn from there. It is not sent anywhere, and it stays in that browser profile only, so it will not appear if you open the site on another machine.
Why is my replacement background not mirrored when I am?
Deliberately. Mirroring the camera is what makes moving on screen feel natural, but mirroring the backdrop with it looks wrong, and a custom image containing any text would read backwards. So the mirror applies to you and to blur, and never to a replacement image — identically in the preview and in the recording.
Can I change the background after recording instead?
Not here. The background is baked into the frames as they are captured, which is what removes the export step — but it also means the choice is made before and during the take, not after. If you need to revise it later you would be re-recording, or taking the file into a video editor.
Does it blur or replace? Which should I use?
Both are available. Blur is the safer choice in most situations: it hides a messy room while keeping the depth cues that make you look like you are somewhere real, and a soft edge failure in a blur is nearly invisible. A replacement backdrop is stronger when you want a specific look, and it is more demanding of your lighting.
Will this change my background in Zoom or Google Meet?
No. Doing that means presenting yourself to the operating system as a camera device, which needs an installed driver and is out of reach for any web page. Use the meeting app's own background setting for live calls, and this for recording a video.

Related

Try it with your own camera

The synthetic descriptions above only go so far — thirty seconds with your own room and lighting will tell you more.

Open the studio