ScreenRecorder

A simple, elegant desktop screen recording application built with Electron

---

Features

• Record your entire screen or specific windows
• Record a selected region - draw a rectangle to record only that area
• Capture system audio and microphone input
• Live preview while recording
• Pause and resume recordings
• Multiple export formats: WebM (native), MP4, MKV, MOV, AVI
• Modern, beautiful purple-themed UI

Download

Download the latest release from the Releases page.

Available for:

• Windows: .exe portable version
• Linux: .AppImage and .deb packages

Note: macOS users can build from source (see Development section below).

Development

Prerequisites

• Node.js (v18 or higher)
• npm

Setup

1. Clone the repository:

git clone https://github.com/belinda-hagen/ScreenRecorder.git
cd ScreenRecorder

2. Install dependencies:

npm install

3. Run the application:

npm start

Building

To create distributable packages for your current platform:

npm run build

To build for a specific platform:

# Windows
npm run build:win

# macOS
npm run build:mac

# Linux
npm run build:linux

Built files will be in the dist folder.

Note: Cross-platform building has limitations. Building macOS apps requires a Mac. Windows and Linux can often be cross-compiled, but native builds are recommended.

Usage

1. Select a screen source from the list
2. Toggle audio options (System audio / Microphone)
3. Click Start Recording to begin
4. Use Pause to pause/resume the recording
5. Click Stop to finish and save your recording

Tech Stack

• Electron - Cross-platform desktop apps
• HTML/CSS/JavaScript - Frontend
• MediaRecorder API - Screen capture

License

MIT License - feel free to use this project for personal or commercial purposes.