https://github.com/angular-schule/webcam-viewer
Simple fullscreen webcam viewer in a browser
https://github.com/angular-schule/webcam-viewer
Last synced: 11 months ago
JSON representation
Simple fullscreen webcam viewer in a browser
- Host: GitHub
- URL: https://github.com/angular-schule/webcam-viewer
- Owner: angular-schule
- Created: 2021-09-21T13:49:44.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-08-12T12:31:17.000Z (over 1 year ago)
- Last Synced: 2025-04-06T14:43:28.486Z (12 months ago)
- Language: JavaScript
- Homepage: https://angular-schule.github.io/webcam-viewer/
- Size: 5.86 KB
- Stars: 2
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# webcam-viewer
This tool displays webcam video in a fullscreen browser.
This can be used to share a camera image in a video conference.
At Angular.Schule, we use this to share the fullscreen USB webcam output of a Blackmagic ATEM video mixer to a video conference.
Double-click the video to enter fullscreen.
## Selecting specific devices
The browser selects the first device in the list. In order to select as specific device you can use the `deviceId` and `audioDeviceId` query params.
The IDs of all connected devices are logged to the browser console.
Audio will only be enabled when `audioDeviceId` is set.
### Video only
```
https://angular-schule.github.io/webcam-viewer/?deviceId=a6834bfe7398390bc383e3a3783ca832f0
```
### Video and Audio
```
https://angular-schule.github.io/webcam-viewer/?deviceId=a6834bfe7398390&audioDeviceId=a3783ca837f20ab5
```