Numberbender Studio — Free Online Teaching Studio

Numberbender Studio
Teach It Like You Stream It
↩ Back to site
Camera
Allow camera access
Click Allow when your browser asks.
Content
No content yet
Click ▣ Capture content and pick your slides,
whiteboard, or iPad window.
Window 2
No second window yet
Click ▣ Capture 2nd window and pick
another window (e.g. a desktop app).
Numberbender Powered by Numberbender
REC 00:00

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

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 PlayerFile ▸ 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

  1. Click ◧ Presenter (hides these controls) or ⤢ Fullscreen.
  2. In Zoom/Teams choose Share Screen.
  3. 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.

🔴 Record a lesson (prototype)

This test build can record your stage straight to a video file — nothing is uploaded and nothing touches a server. The video stays on your computer until you choose to post it to YouTube.

  1. Set up your scene (camera + content). For the sharpest result, click ⤢ Fullscreen first.
  2. Choose your file type in the Save: menu next to Record — Auto (recommended), MP4, or WebM.
  3. Click 🔴 Record. If the browser asks what to share, choose This Tab and click Share; allow the microphone when asked.
  4. On Chrome/Edge you'll pick where to save — it then records straight to disk (so even long lectures won't fill up memory).
  5. Click ■ Stop (top bar or the floating pill) when finished, then upload the file straight to YouTube.

Which file type should I pick?

If you asked for MP4 but got WebM: your browser can't record MP4 (common on Firefox, Safari, and phones). The WebM file is still perfectly fine to upload to YouTube — you just won't be able to edit it in most software first. For a guaranteed MP4, record in Chrome or Edge on a computer.
Best in Chrome or Edge on a computer. Safari and phones have limited recording support — Studio will tell you if yours can't record. Recording uses your processor, so for long lectures it's smoother to record on its own rather than while you're also live in Zoom.

What each control does

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

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.