Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 87 Commits
.github		.github
.husky		.husky
.vscode		.vscode
src		src
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.nvmrc		.nvmrc
.prettierignore		.prettierignore
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE.md		LICENSE.md
README.md		README.md
SECURITY.md		SECURITY.md
package-lock.json		package-lock.json
package.json		package.json
privacy-policy.md		privacy-policy.md

Repository files navigation

ScreenREC

A really simple web screen recorder.

About

The project was initially developed bySagnik 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:

ScreenREC

Features

✔️ 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.

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

Developer's 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 &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.