https://github.com/sammwyy/wrec

Capture your screen with high quality and easy sharing from your browser
https://github.com/sammwyy/wrec

capture recorder screen screen-capture screen-recorder screening web

Last synced: 11 months ago
JSON representation

Capture your screen with high quality and easy sharing from your browser

• Host: GitHub
• URL: https://github.com/sammwyy/wrec
• Owner: sammwyy
• License: mit
• Created: 2025-01-26T02:04:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-26T02:05:28.000Z (over 1 year ago)
• Last Synced: 2025-05-10T23:32:23.650Z (about 1 year ago)
• Topics: capture, recorder, screen, screen-capture, screen-recorder, screening, web
• Language: TypeScript
• Homepage: https://webrec.vercel.app
• Size: 46.9 KB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📹 **Web Screen Recorder**  

🎉 **Capture your screen directly from your browser!**  

Web Screen Recorder is a fully web-based tool that allows you to record your screen without installing any software. Whether you're creating tutorials, recording presentations, or saving online meetings, this tool has you covered.  

---

## 🌟 **Features**  

- 🖥️ **Cross-platform**: Works on any modern browser.  

- 🔒 **Privacy-first**: No data is stored or uploaded without your consent.  

- 🚀 **Fast and lightweight**: No downloads, no installations, no hassle.  

---

## 🚀 **How to Use**  

1. 🌐 Open the Web Screen Recorder in your browser.  

2. 🎬 Click the "Start Recording" button.  

3. 🖱️ Select the screen, window, or tab you want to record.  

4. 🔊 Enable or disable audio recording as needed.  

5. ⏹️ Stop the recording when finished and preview your video.  

6. 💾 Download or share your recording instantly!  

---

## 🛠️ **Tech Stack**  

- React  

- Vite

- TailwindCSS  

- Web APIs (Screen Capture API, MediaRecorder API)  

---

## 🛡️ **Privacy & Security**  

- 💡 All recordings are processed locally on your device.  

- 🌍 No internet connection is required unless you choose to upload or share your recording.  

---

## 💻 **Development Setup**  

1. Clone the repository:  

   ```bash

   git clone https://github.com/sammwyy/wrec.git

   cd wrec

   ```  

2. Install dependencies:  

   ```bash

   npm install

   ```  

3. Run the development server:  

   ```bash

   npm run dev

   ```  

---

## 📋 To-do

- 🔊 **Audio support**: Record system and microphone audio.  

- ✂️ **Built-in editing**: Trim or crop your recordings directly on the web.  

---

## License 📝

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.