screenREC

heysagnikMIT更新放缓

一个极简的网页版屏幕录制工具，无需安装、没有广告，打开浏览器就能录屏，适合快速录制演示或教程。

A really simple , ad-free & minimal web based screen recorder 📹

暂无版本290star95fork同步于 2026-11-07 07:33 UTC

屏幕录制网页录屏无广告极简工具浏览器录制

对比 GitHub 官网 collaborate design github good-first-issue hacktoberfest

怎么上手

由 README 提炼，执行前请确认

原文

git clone https://github.com/heysagnik/screenREC.git
cd screenREC
pnpm install
pnpm dev

硬件要求按 README 说明

README 未说明；仅要求 Node.js 18+ 与 pnpm 9+，浏览器端需支持 getDisplayMedia，移动端不支持

下载：源码 zip·GitHub Releases（安装包）本站不镜像安装包

项目说明

由 README 自动翻译提炼

没人工点评？写下你的经验

极简无广告的网页录屏工具，本地处理不上传，想录多久录多久

一个极简的网页版屏幕录制工具，无需安装、没有广告，打开浏览器就能录屏，适合快速录制演示或教程。

核心能力

录制屏幕、窗口或浏览器标签页
支持摄像头画中画叠加并可拖动位置
同时录制系统音频与麦克风
导出 WebM 原生格式或服务端转 MP4
提供 Ctrl+P/M/C/S 等快捷键控制

容易踩的坑

MP4 导出依赖单独的 Express 后端（apps/api），只启动 web 端时无法转码；移动端因 getDisplayMedia 限制不可用；需 pnpm 9+ 与 Node.js 18+，用 npm/yarn 可能因 Turborepo 工作区配置出错

内容由模型根据 README 生成，可能不完整或不准确，以官方文档为准。看原文 README

用户点评

登录用户的真实使用记录，可按版本和硬件筛选

共 0 条

还没有人点评。第一个说出真实体验的人最有价值。

README 原文

未翻译

在 GitHub 打开

ScreenREC

A modern, privacy-first web screen recorder. No ads, no time limits, no data collection.

About

The project was initially developed by Sagnik Sahoo during the COVID-19 era to record online classes. Later, it was made open-source.

V1 (Legacy): Built with Pug, Parcel, and SASS — a simple single-page recorder. Try V1 →

V2 (Current): Complete rewrite using Next.js, React, and TypeScript with camera overlay, multiple export formats, and keyboard shortcuts.

Features

Screen Recording — Capture screen, window, or browser tab
Camera Overlay — Picture-in-picture webcam with draggable positioning
Microphone Audio — Record system audio and microphone
Multiple Layouts — PiP and circle camera overlay modes
Export Formats — WebM (native) and MP4 (server-converted)
Keyboard Shortcuts — Ctrl+P (pause), Ctrl+M (mic), Ctrl+C (camera), Ctrl+S (screen)
No Time Limits — Record as long as you need
Privacy First — All processing happens locally

Demo

Tech Stack

Layer	Technology
Frontend	Next.js 16, React 19, TypeScript
Styling	Tailwind CSS
Build	Turborepo, pnpm
Backend	Express.js (for MP4 conversion)
Deployment	Vercel (web), Railway (API)

Getting Started

Prerequisites

Node.js 18+
pnpm 9+

Installation

# Clone the repository
git clone https://github.com/heysagnik/screenREC.git
cd screenREC

# Install dependencies
pnpm install

# Start development servers
pnpm dev

Available Scripts

Command	Description
`pnpm dev`	Start all apps in development mode
`pnpm build`	Build all apps for production
`pnpm dev:web`	Start only the web app
`pnpm dev:api`	Start only the API server

Deployment

Project Structure

screenREC/
├── apps/
│   ├── web/          # Next.js frontend
│   └── api/          # Express.js backend (MP4 conversion)
├── packages/
│   └── shared/       # Shared utilities
└── turbo.json        # Turborepo config

Browser Support

Browser	Status
Chrome	✅ Supported
Edge	✅ Supported
Firefox	✅ Supported
Safari	✅ Supported
Mobile	❌ Not supported (getDisplayMedia limitation)

Contributing

Contributions are welcome! Please see CONTRIBUTING.md for guidelines.

License

MIT — see LICENSE.md

Contributors

Maintained by Sagnik Sahoo