View Code? Open in Web Editor
NEW
Use your phones camera as a webcam via OBS Virtual Camera.
Home Page: https://phone-as-webcam.netlify.app
HTML 65.88%
JavaScript 19.63%
CSS 14.50%
phone-as-webcam's Introduction
Use your smartphone camera as a webcam, via OBS Virtual Camera. Display full-screen camera feed without any user interface on your iPhone
Open https://phone-as-webcam.netlify.app/ on your phone.
Click "Capture Back" for the back-facing camera
Click "Full screen" to make the video feed full-screen. Optionally double tap on the video to completely fill the screen.
Enable Airplane/silent mode on your phone to disable push notifications
Connect your phone to your computer using a charging cable. For iPhones, this is a Lightning cable. For Androids, this is usually a USB-C or Micro-USB cable.
Mirror your phone screen as a virtual camera on Mac/Windows/Linux/Etc.
Download, install, and open OBS Studio
Set the right canvas resolution in OBS Studio settings by clicking "Settings" and then "Video". "2436x1125" works well for an iPhone 12 Pro.
Add "Video Capture Device" as a new source in OBS studio by clicking + under sources. Use any name and select your phone as a device
Start Virtual Camera by clicking "Start Virtual Camera"
Your phone screen should be mirrored in Zoom, Google Meet, or others if you select "OBS Virtual Camera" as your camera.
phone-as-webcam's People
Contributors
phone-as-webcam's Issues
Phone gets hot pretty quickly when running the webapp. The phone is not plugged into a computer. The phone is plugged into a charger though.
Add "Video Capture Device" as a new source in OBS studio by clicking + under sources. Use any name and select your phone as a device
My phone isn't in the dropdown menu so I can't select it.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent