A really simple web screen recorder.
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.
Here you can find the live deployed version:
โ๏ธ Export type selector (currently MP4/WebM)
โ๏ธ Video preview
โ๏ธ Video download
โ๏ธ Dark/Light mode toggle
โ๏ธ Current OS theme detection
โ๏ธ Ad-free
โ๏ธ Open-Source
โ๏ธ No Time limits
โ Doesn't support Mobile Devices yet.
- 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
-
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.
-
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
&dist
folder ๐ 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.
Maintained with Sagnik Sahoo