A really simple web screen recorder.
The project is developed with Vanilla JS and HTML.
I've styled & refactored the WebApp using a custom boilerplate built on Parcel V2.
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
โ Doesn't support Mobile Devices yet.
- 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
- 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
-
Fork this repo
-
Then in terminal clone the repository.
git clone https://github.com/heysagnik/screenREC
- Open the 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.
px parcel src/index.pug
- Build the final project.
npm run build