Numberbender Studio — quick start

Make a clean layout of your camera and your content, then share it into Zoom or Teams. No install — it all runs in this browser.

Pick a layout

▥ Side-by-side — camera and one content window next to each other. Drag the divider to resize, ⇄ Flip to swap sides.
▣ Spotlight — your content fills the screen with your camera as a small bubble in the corner. Great for talking over slides.
⊞ Dual + cam — two captured windows side by side (e.g. your iPad whiteboard + a desktop app) with your camera as a corner bubble on top, so you stay visible while you teach.

1. Allow your camera

Click Allow when the browser asks. Pick the right camera from the dropdown if you have more than one.

Optional — use your phone as your camera

Any phone your computer sees as a camera shows up in the camera dropdown — connect it, then pick it. All wireless:

iPhone + Mac: use Continuity Camera, built into macOS & iOS — same Apple ID, Wi-Fi and Bluetooth on, and your iPhone appears as a camera. Nothing to install.

Android + Windows: recent Windows 11 can use your phone through the Phone Link app as a connected camera.

Any phone, any computer: install a webcam app like Iriun, DroidCam, or Camo (iPhone or Android, Mac or Windows) — open it on the phone and on the computer, and the phone shows up as a camera here.

Connected the phone after opening Studio? The dropdown refreshes on its own — just click it and choose your phone.

2. Capture your content

Click ▣ Capture content and choose the window for the content side. In Dual + cam, click ▣ Capture 2nd window to add a second window.

iPad (Mac): connect via cable → open QuickTime Player → File ▸ New Movie Recording → click the ⌄ next to record → choose your iPad. Then pick that QuickTime window here.

iPad (Windows): run an AirPlay-receiver app (e.g. 5KPlayer, ApowerMirror), mirror your iPad to it, then pick that window here.

Wacom / Bamboo pad: it has no screen of its own — open any whiteboard app and capture that app's window.

3. Arrange & position the camera bubble

In Spotlight and Dual layouts, set the camera bubble's corner, shape (circle or square), and size from the toolbar. Mirror cam gives a selfie-style view.

4. Go live in Zoom / Teams

Click ◧ Presenter (hides these controls) or ⤢ Fullscreen.
In Zoom/Teams choose Share Screen.
Pick this browser tab (cleanest) — or this window if you went fullscreen.

Tip: capture a single window (not your whole screen) so you don't get a mirror-in-mirror loop. The “Powered by Numberbender” badge stays in the shared view. Press Esc to leave fullscreen/presenter.

What each control does

Controls are colour-coded by job: teal = set up your scene, purple = adjust the look, orange = go live.

Layout switcher — pick Side-by-side, Spotlight, or Dual + cam.
▣ Capture content — choose the window for the main content. Click again anytime to switch windows.
▣ Capture 2nd window (Dual only) — choose a second window to show beside the first.
Camera dropdown — pick which camera feeds the camera view: built-in, an external webcam, or your phone.
⇄ Flip — swap which side each window sits on.
Mirror cam — flips your camera left-to-right for a selfie view; it does not change your content.
Cam corner / shape / size — position, shape, and size of the camera bubble in Spotlight and Dual layouts.
Drag a divider — make the side-by-side panes wider or narrower.
★ Replace logo — swap the badge logo for your own image; it is remembered next time.
Badge position — move the “Powered by Numberbender” badge to any corner.
◧ Presenter — hides all controls for a clean broadcast. A reminder bar appears at the top; press Esc or click it to bring the menu back.
⤢ Fullscreen — expands the layout to fill your screen (Esc to exit).
? Help — opens this guide.

Studio remembers your layout, sizes, camera-bubble settings, badge position, and logo for next time. Audio stays in Zoom/Teams as usual — Studio only handles the picture.