1. Project Overview

pear-rec

pear-rec (Pear Rec) is a cross-platform application for taking screenshots, screen recording, audio recording, video recording, GIF animation recording, viewing images, videos, and audio files, as well as editing images.

pear-rec (Pear Rec) is a project built with react + electron + vite + viewerjs + plyr + aplayer + react-screenshots + tui-image-editor + gif.js.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

Home Page

Screenshot Capture

Screen Recording

Audio Recording

Video Recording

Image Viewer

Video Player

Audio Player

Settings

Source: pear-rec Official Documentation

4. Feature Overview

Function

Some features are the latest additions during development but may not yet be included in the latest release.

• Screenshot Capture (react-screenshots)

• Drag to Select and Crop

• Adjustable Selection Size and Position

• Color Picker

• Magnifier

• Brush (Freehand Drawing)

• Geometric Shapes (Adjustable Border and Fill)

• Advanced Canvas Settings

• Image Filters (Supports Localized Mosaic Blur and Color Adjustments)

• Custom Actions After Releasing the Selection

• Search by Image

• Scan QR Codes

• Quickly Capture the Entire Screen to the Clipboard or a Custom Directory

• Screenshot History

• Window and Control Selection (Using OpenCV Edge Detection)

• Scrolling Screenshot

• Multi-Monitor Support

• Screen Recording (WebRTC)

• Record Full Screen

• Screenshot

• Custom Dimensions

• Mute

• Keystroke Indicators

• Cursor Position Indicators

• Recording Toolbar

• Stream Writing

• Audio Recording (WebRTC)

• Audio Recording Settings

• View Audio Recordings

• Download Audio Recordings

• Edit Audio Recordings

• Video Recording

• Custom Bitrate

• Image Preview (viewerjs)

• Zoom In

• Zoom Out

• Drag and Drop

• Flip

• Always on Top

• View

• Download

• Print

• ocr

• List View

• Search by Image

• Scan QR Codes

• Image Editing (tui-image-editor)

• Video Preview (plyr)

• Audio Preview (aplayer)

• GIF Animation Editing (gif.js)

• Basic Settings

• User UUID

• Save Location

• Launch at Startup

• Internationalization (Chinese, English, German)

• Service Settings

• Shortcut Settings

• Reset Settings

Internationalization (I18n)

• Simplified Chinese

• English

• German

5. Tech Stack

Architecture

Source Code Execution & Compilation

Compilation requires a Node.js and pnpm environment

Testing Environments

nodejs: 18
pnpm: 8

Start

# Copy the Code
Visit Yifei Open Source: https://code.exmay.com/ Download
# Navigate to the Project
cd pear-rec
# Install dependencies
pnpm install
# Debug the Page
pnpm run dev:web
# Debug the Service
pnpm run dev:server
# Debug the Application
pnpm run dev:desktop
# Run the Page
pnpm run start:web
# Run the Application
pnpm run start:desktop
# Build the Application
pnpm run build:desktop