ScreenREC
A really simple web screen recorder.
About
The project was initially developed by Sagnik Sahoo during the COVID-19 era to record the online classes.Later on it was made Open-Sourced.
Demo
Here you can find the live deployed version:
Features
Usage guide :
- Choose your video format
- WebM : Optimised for web
- mp4 : Optimised for compatibility
- Enter your desired file name
- Click "I'm ready to record!"
- Grant the required browser permissions to record your screen, if you are accessing the site for first time
- Select the desired window you'd like to record through the popup.
- Click the green button to pause/resume recording, and the red button to stop.
- You can play your video in the browser, or click "Download now" to download.
ScreenREC.mp4
Developement Guide :
For Cloud or Linux Users only :
-
Using this button open this project on Gitpod.
Skip this if you are running on Linux
-
Then in terminal clone the repository.
git clone https://github.com/heysagnik/screenREC
-
Move into the newly created screenREC project directory.
cd screenREC -
Install the required npm packages using the following command.
npm install
-
Run the following command to use development mode .
npm start
-
Build the final project.
npm run build
-
Or you can deploy the static site on netlify or vercel or any other platform.
For Windows Users :
-
Fork this repo
-
Then in terminal clone the repository.
git clone https://github.com/heysagnik/screenREC
-
Open the newly created screenREC folder in your desired Code Editor (eg: VS CODE)
-
Install the required npm packages
npm install
-
Make sure you delete
.parcel-cache&distfolder📂 firstly. -
To run the project and use in development mode.
npx parcel src/index.pug
-
Build the final project.
npm run build
-
Or you can deploy the static site on netlify or vercel or any other platform.
Technologies
Special Thanks to all the Contributors 
Maintained with 