Pravinakajerry/Simple-Screen-Recorder

Simple Screen Recorder - Record & Export 4K Video (Unlimited Recording, Unlimited Duration, No Watermark & No Signup or Login Needed)

4K Screen Recorder

A lightweight, high-quality screen recorder that works directly in your browser. Record your screen in 4K resolution with crystal clear audio - no installation needed.

🚀 Quick Start

1. Visit https://free-screen-recorder.vercel.app/
2. Click the microphone icon to enable/disable audio recording
3. Click "Start Recording" to begin
4. Select the screen/window you want to record
5. Click "Stop Recording" when done
6. Click the download icon to save your recording

✨ Features

• 4K Resolution: Records at up to 3840x2160 resolution
• High Frame Rate: Targets 60 FPS for smooth recordings
• Crystal Clear Audio: High-quality stereo audio recording
• No Installation: Works directly in your browser
• Minimal UI: Clean, distraction-free interface
• Free & Open Source: No hidden costs or limitations

🎥 Recording Settings

Default recording configuration:

• Resolution: 4K (3840x2160)
• Frame Rate: 60 FPS
• Video Codec: VP9
• Video Bitrate: 8 Mbps
• Audio: Stereo, 48kHz, 24-bit
• Audio Bitrate: 128 Kbps
• Format: WebM

🌐 Browser Support

Works best with:

• Chrome (latest)
• Edge (latest)
• Firefox (latest)
• Opera (latest)

Note: Safari has limited WebM support. For best results, use Chrome.

💾 Storage Solutions

Local Storage

Downloaded recordings are saved in your default downloads folder as .webm files.

Cloud Storage Recommendations

For sharing recordings:

1. Google Drive:

   • Upload your recording to Google Drive
   • Right-click > Share > Get link
   • Set permissions (Anyone with link can view)
   • Share the link

2. Alternatives:

   • Dropbox
   • OneDrive
   • WeTransfer (for temporary sharing)

🛠️ Development Guide

Prerequisites

• Basic knowledge of HTML, CSS, and JavaScript
• Modern web browser
• Text editor or IDE
• Local web server (optional)

Project Structure

screen-recorder/
├── index.html      # Main application file
└── README.md       # Documentation

Key Components

1. Recording Engine:

mediaRecorder = new MediaRecorder(streamToRecord, {
    mimeType: 'video/webm;codecs=vp9',
    videoBitsPerSecond: 8000000,
    audioBitsPerSecond: 128000
});

2. Screen Capture:

const screenStream = await navigator.mediaDevices.getDisplayMedia({
    video: {
        displaySurface: 'monitor',
        width: { ideal: 3840 },
        height: { ideal: 2160 },
        frameRate: { ideal: 60 },
        cursor: 'always'
    }
});

Potential Improvements

1. File Management:

   • Add automatic upload to cloud storage
   • Implement file compression
   • Add support for different formats

2. Recording Features:

   • Add pause/resume functionality
   • Implement custom region selection
   • Add system audio capture
   • Include webcam recording
   • Add basic editing capabilities

3. UI Enhancements:

   • Add dark mode
   • Implement customizable shortcuts
   • Add recording timer
   • Include file size indicator

4. Performance:

   • Implement worker threads for processing
   • Add adaptive quality settings
   • Optimize memory usage

📝 License

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

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📫 Support

For support, email jerryatbusiness@gmail.com or create an issue in the repository.

🌟 Credits

Created by Pravin M Singh using Claude 3.5(new)

---

Remember to star ⭐ this repo if you found it helpful!