{"id":16542321,"url":"https://github.com/heysagnik/screenrec","last_synced_at":"2025-04-09T14:10:02.830Z","repository":{"id":37358587,"uuid":"436876318","full_name":"heysagnik/screenREC","owner":"heysagnik","description":"A really simple , ad-free \u0026 minimal web based screen recorder 📹","archived":false,"fork":false,"pushed_at":"2024-05-03T14:15:48.000Z","size":717,"stargazers_count":168,"open_issues_count":8,"forks_count":52,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-12T18:57:16.405Z","etag":null,"topics":["collaborate","design","github","good-first-issue","hacktoberfest","hacktoberfest-accepted","hacktoberfest2022","opensource","parcel","productivity","reactjs","screen-recorder","scss","vercel","webapp"],"latest_commit_sha":null,"homepage":"https://screen-rec.vercel.app","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/heysagnik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-10T06:35:14.000Z","updated_at":"2024-10-10T04:13:36.000Z","dependencies_parsed_at":"2024-10-25T18:28:53.421Z","dependency_job_id":"80c0a29e-214a-4b91-b0ec-d59be3b284a2","html_url":"https://github.com/heysagnik/screenREC","commit_stats":null,"previous_names":["devgossips/screenrec"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heysagnik%2FscreenREC","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heysagnik%2FscreenREC/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heysagnik%2FscreenREC/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heysagnik%2FscreenREC/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/heysagnik","download_url":"https://codeload.github.com/heysagnik/screenREC/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248054194,"owners_count":21039952,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["collaborate","design","github","good-first-issue","hacktoberfest","hacktoberfest-accepted","hacktoberfest2022","opensource","parcel","productivity","reactjs","screen-recorder","scss","vercel","webapp"],"created_at":"2024-10-11T18:57:12.318Z","updated_at":"2025-04-09T14:10:02.806Z","avatar_url":"https://github.com/heysagnik.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://api.microlink.io?url=https%3A%2F%2Fscreen-rec.vercel.app%2F\u0026overlay.browser=dark\u0026overlay.background=linear-gradient(225deg%2C%20%23FF057C%200%25%2C%20%238D0B93%2050%25%2C%20%23321575%20100%25)\u0026screenshot=true\u0026meta=false\u0026embed=screenshot.url\"/\u003e\n\n# \u003cimg src=\"https://em-content.zobj.net/source/apple/391/video-camera_1f4f9.png\" height=\"36\"/\u003e ScreenREC\n\nA really simple web screen recorder.\n\n\u003ca href=\"https://www.producthunt.com/posts/screenrec?utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-screenrec\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=322532\u0026theme=dark\" alt=\"ScreenREC - A really simple ad-free minimial web screen recorder | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e \u003ca href=\"https://www.producthunt.com/posts/screenrec?utm_source=badge-top-post-badge\u0026utm_medium=badge\u0026utm_souce=badge-screenrec\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=322532\u0026theme=dark\u0026period=daily\" alt=\"ScreenREC - A really simple ad-free minimial web screen recorder | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n## \u003cimg src=\"https://em-content.zobj.net/source/apple/391/sparkle_2747-fe0f.png\" height=\"30\"/\u003e About\n\nThe project was initially developed by [Sagnik Sahoo](https://twitter.com/heysagnik) during the COVID-19 era to record the online classes.Later on it was made Open-Sourced.\n\n[V2](https://dashboard-eight-henna.vercel.app/)\n\n## \u003cimg src=\"https://em-content.zobj.net/source/apple/391/joystick_1f579-fe0f.png\" height=\"36\"/\u003e Demo\n\nHere you can find the live deployed version:\n\n- [ScreenREC](https://screen-rec.vercel.app/)\n\n## \u003cimg src=\"https://em-content.zobj.net/source/apple/391/magic-wand_1fa84.png\" height=\"36\"/\u003e Features\n\n✔️ Export type selector (currently MP4/WebM)\u003cbr/\u003e\n✔️ Video preview\u003cbr/\u003e\n✔️ Video download\u003cbr/\u003e\n✔️ Dark/Light mode toggle\u003cbr/\u003e\n✔️ Current OS theme detection\u003cbr/\u003e\n✔️ Ad-free\u003cbr/\u003e\n✔️ Open-Source\u003cbr/\u003e\n✔️ No Time limits\u003cbr/\u003e\n❌ Doesn't support Mobile Devices yet.\n\n## Usage guide :\n\n1. Choose your video format\n   - WebM : Optimised for web\n   - mp4 : Optimised for compatibility\n2. Enter your desired file name\n3. Click \"I'm ready to record!\"\n4. Grant the required browser permissions to record your screen, if you are accessing the site for first time\n5. Select the desired window you'd like to record through the popup.\n6. Click the green button to pause/resume recording, and the red button to stop.\n7. You can play your video in the browser, or click \"Download now\" to download.\n\n\u003cvideo\u003e\n \u003csource src=\"https://user-images.githubusercontent.com/70798495/197354300-9ca7a871-cafa-4883-9926-678bc1c173a7.mp4\" type=\"video/mp4\"\u003e\n\u003c/video\u003e\n\nhttps://user-images.githubusercontent.com/70798495/197354300-9ca7a871-cafa-4883-9926-678bc1c173a7.mp4\n\n## \u003cimg src=\"https://em-content.zobj.net/source/apple/391/man-technologist-medium-skin-tone_1f468-1f3fd-200d-1f4bb.png\" height=\"36\"/\u003e Developer's Guide :\n\n### For Cloud or Linux Users only :\n\n1. Using this button open this project on Gitpod.\n\n   [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/heysagnik/screenREC)\n\n   \u003e Skip this if you are running on Linux\n\n2. Then in terminal clone the repository.\n   ```sh\n   git clone https://github.com/heysagnik/screenREC\n   ```\n3. Move into the newly created screenREC project directory.\n   ```sh\n   cd screenREC\n   ```\n4. Install the required npm packages using the following command.\n   ```sh\n   npm install\n   ```\n5. Run the following command to use development mode .\n   ```sh\n   npm start\n   ```\n6. Build the final project.\n   ```sh\n    npm run build\n   ```\n7. Or you can deploy the static site on netlify or vercel or any other platform.\n\n   [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fheysagnik%2FscreenREC) [![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/heysagnik/screenREC)\n\n### For Windows Users :\n\n1. Fork this repo\n\n2. Then in terminal clone the repository.\n   ```sh\n   git clone https://github.com/heysagnik/screenREC\n   ```\n3. Open the newly created screenREC folder in your desired Code Editor (eg: VS CODE)\n4. Install the required npm packages\n   ```sh\n   npm install\n   ```\n5. Make sure you delete `.parcel-cache` \u0026 `dist` folder 📂 firstly.\n6. To run the project and use in development mode.\n   ```sh\n   npx parcel src/index.pug\n   ```\n7. Build the final project.\n   ```sh\n   npm run build\n   ```\n8. Or you can deploy the static site on netlify or vercel or any other platform.\n\n   [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fheysagnik%2FscreenREC)\n   [![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/heysagnik/screenREC)\n\n## \u003cimg src=\"https://em-content.zobj.net/source/apple/391/laptop_1f4bb.png\" height=\"25\"/\u003e Technologies\n\n- [Pug](https://pugjs.org/)\n- [Parcel](https://parceljs.org/)\n- [SASS/SCSS](https://sass-lang.com/)\n\n### Special Thanks to all the Contributors \u003cimg src=\"https://em-content.zobj.net/source/apple/391/drum_1f941.png\" height=\"30\"/\u003e\n\n\u003cimg src=\"https://contrib.rocks/image?repo=heysagnik/screenREC\" /\u003e\n\nMaintained with \u003cimg src=\"https://em-content.zobj.net/source/apple/391/person-raising-hand_light-skin-tone_1f64b-1f3fb_1f3fb.png\" height=\"20\"/\u003e [Sagnik Sahoo](https://github.com/heysagnik)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheysagnik%2Fscreenrec","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fheysagnik%2Fscreenrec","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheysagnik%2Fscreenrec/lists"}