Skip to content

fabianyater/webcam

Repository files navigation

Webcam using React

Description

This is a basoc camera "component" built in React that includes features such as:

  • Starting and stopping the camera
  • Muting and unmuting the microphone
  • Automatic capture of snapshots
  • Manual capture of snapshots
  • Zoom in and out
  • Video recording
  • Switching between available cameras
  • Download of images

The app utilizes several custom hooks ("useCaptureImage", useRecording) and utility functions (cameraActions) to achieve its functionality.

Table of Contents

  1. Installation
  2. Usage
  3. Screenshots

Installation

# Install via npm
npm install <package-name>

npm install --save react-medium-image-zoom

Usage

# Run the app
npm start

Screenshots

Main Interface

Main interface

Features

Camera Off

Camera Off

Automatic Capture

Automatic Captures

Manual Capture

Manual Captures

Select Camera

Select Camera

Video Recording

Recorded Videos

Download Images

Download Images