Reccord

Reccord is a powerful, open-source local screen recording application built with modern web technologies. It allows you to capture your screen, microphone, and camera with ease, saving everything locally for privacy and speed.

Check our showcase site for more details: Antigravity Apps

Features

• 🎥 Screen Recording: Capture your entire screen, specific window, or browser tab.
• 👤 Camera Bubble: Overlay your camera feed in a draggable bubble during recording.
• 🎙️ Microphone Audio: Record high-quality voiceovers along with your screen.
• ⏱️ Countdown: 3-second countdown to get you ready.
• 💾 Local Storage: All recordings are saved locally to your disk (backend/recordings) - no cloud upload required.
• 🖼️ Watermarking: Add custom watermarks to your videos with position control.
• 📤 Video Export: Export recordings to MP4 with optimized settings for web playback.
• 📊 Dashboard: Manage, view, and play back your recordings in a clean interface.

Tech Stack

• Frontend: Next.js (React), Tailwind CSS, Lucide Icons
• Backend: Node.js, Express
• Database: SQLite with Sequelize ORM
• Video Processing: FFmpeg (via fluent-ffmpeg and ffmpeg-static)

Prerequisites

• Node.js (v18+ recommended)
• npm

Setup & Running

Using Docker (Recommended)

This is the easiest way to get up and running locally.

1. Prerequisites: Ensure Docker and Docker Compose are installed.
2. Start Services:

   docker compose up --build

3. Access App: Open http://localhost:3100 in your browser.

• The Backend is running internally and is NOT exposed publicly.
• dev.db, recordings/, and uploads/ are mounted as volumes for persistence.

Manual Setup (Development)

If you want to run the services individually for development:

1. Backend

The backend handles file storage, database operations, and video processing. It runs on port 5005.

cd backend
npm install
npm run dev

• API URL: http://localhost:5005/api
• Static Files: http://localhost:5005/recordings

2. Frontend

The frontend provides the user interface for recording and managing videos. It runs on port 3000.

cd frontend
npm install
npm run dev

• App URL: http://localhost:3000

Usage

1. Open the application in your browser (http://localhost:3100 for Docker, http://localhost:3000 for manual).
2. Click "New Recording" to start the recording flow.
3. Grant necessary permissions for screen and microphone access.
4. After recording, save your video.
5. Use the dashboard to view, watermark, or export your recordings.

Troubleshooting

• Ports: Ensure ports 5005 and 5006 are free.
• Permissions: You must allow camera/microphone access in your browser when prompted.
• Video Export: Exporting uses FFmpeg. Ensure your system can run the static binaries provided by ffmpeg-static.

Commercial Support & Hosting

Need a hosted version of Reccord for your team? Or looking for custom features like:

• ☁️ Cloud Storage & Sharing
• 🔐 Team Authentication (SSO)
• 📝 AI Transcriptions & Summaries
• 🎨 Custom Branding & White-labeling

Reach out to dhaval@appgambit.com to discuss your requirements.

License

This project is licensed under the MIT License - see the LICENSE file for details.