This project is a React-based video and audio recorder that allows users to record, play, and download their recordings directly from the browser. It was built using Vite + React and utilizes the MediaRecorder
API in the browser window.
- React
- Vite
- CSS
To get started, simply clone the project from git https://github.com/dmdhassan/react-video-and-audio-recorder.git
and install the necessary dependencies by running npm i
in your terminal. Then start the development server by running npm run dev
, and navigate to http://127.0.0.1:5173/
in your web browser.
To use the video or audio recorder, select the appropriate option and give the necessary device permissions. Click on the record button to begin recording, and click on the stop button when you are finished. You can then play the recording or download it for later use.
This project is available for anyone to use for free. Feel free to contact me with any questions or suggestions!