https://github.com/soumilgit/screen-recorder_chromeextension
https://github.com/soumilgit/screen-recorder_chromeextension
chrome-extension vanilla-javascript
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/soumilgit/screen-recorder_chromeextension
- Owner: Soumilgit
- License: mit
- Created: 2024-10-05T14:51:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-11T11:24:16.000Z (about 1 year ago)
- Last Synced: 2025-04-15T14:59:39.753Z (about 1 year ago)
- Topics: chrome-extension, vanilla-javascript
- Language: JavaScript
- Homepage: https://youtu.be/dUS2iU1UahE
- Size: 28.3 KB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Screen-Recorder_ChromeExtension
A Chrome extension useful for presentations, projects, screen activity recording, mock interviews etc., avoids data breaches and authentication problems.
You have option to share either tab, window or entire screen after using it.
# Folder structure :
Here is the folder structure :
```
.github
FUNDING.yml
Javascript
│ └─ popup.js
├─ LICENSE
├─ README.md
├─ background.js
├─ content.js
├─ css
│ └─ styles.css
images
icon-128x128.png
icon-16x16.png
│ └─ icon-32x32.png
├─ manifest.json
├─ notes.txt
└─ popup.html
```
Steps to use:
1.Clone this repository on your local device.
2.'Load unpacked' the folder location from the 'Extensions'->'Manage Extensions' tab.
3.Pin extension to toolbar, and then ,having clicked on it, follow along.
References:
1.https://www.youtube.com/watch?v=XQxPnrOqffU
2.https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia
3.https://stackoverflow.com/questions/62032820/how-to-pass-a-h264-encoded-mediarecorder-stream-to-a-mediasource-in-chrome