EasyScreenCap

Version: 1.0 (2025) Author: Jonas Lund Live URL: https://jonaslundjonas.github.io/JS--EasyScreenCap/

1. Overview

EasyScreenCap is a simple, browser-based screen capture tool. It allows users to record their screen (as a full screen, a specific application window, or a browser tab) and optionally include audio from their microphone.

No data is sent to any server, ensuring user privacy. The final output is provided as an MP4 video file for download.

2. Features

• Screen Recording: Capture any part of your display.

• Microphone Audio: Optionally record audio from a selected microphone.

• Audio Source Selection: If multiple microphones are present, you can choose which one to use.

• Live Preview: See a real-time preview of what is being captured.

• MP4 Output: Saves recordings in the common MP4 format.

• No Installation: Runs entirely from a web page or a single HTML file.

• Privacy-Focused: All processing is done locally on your computer.

• Simple Interface: A clean, dark-mode UI with clear, step-by-step controls.

3. Requirements

• A Modern Web Browser: The tool relies on the getDisplayMedia API, which is supported by most modern browsers like Google Chrome, Mozilla Firefox, Microsoft Edge, and Safari.

• Permissions: You must grant the browser permission to access your screen and (if selected) your microphone.

4. How to Use (User Guide)

Follow these steps to make a recording:

Step 1: Open the Tool

Navigate to the following URL in your web browser: https://jonaslundjonas.github.io/JS--EasyScreenCap/

Step 2: Select Capture Options

Before starting, you can configure your recording:

• Format: The tool is set to record as MP4.

• Audio (Optional):

  1. Click the "Include Microphone" checkbox.

  2. Your browser will ask for permission to access your microphone. Click "Allow".

  3. A new dropdown menu will appear, listing all available microphones. Select the one you wish to use.

Step 3: Start Capture (Screen Selection)

1. Click the blue "Start Capture" button.

2. Your browser will open a dialog box asking what you want to share. You can typically choose between:

   • Your Entire Screen

   • An Application Window

   • A Specific Browser Tab

3. Select the content you want to record and click "Share".

Step 4: Live Preview

After you click "Share," a live preview of your selected screen will appear in the video box. The status text will update to "Ready to record," and the "Start Record" button will become active.

Step 5: Start and Stop Recording

1. Click the green "Start Record" button.

2. The recording is now active! The preview box will get a glowing blue border, and the status will change to "Recording in progress...".

3. The "Start Record" button will be replaced by a red "Stop Record" button.

4. When you are finished, click the "Stop Record" button.

Step 6: Download Your File

1. After stopping, the tool will take a moment to process the video.

2. The status area will update to "Your file is ready!" and a new section will appear with a large green "Download File" button.

3. Click this button to save the screen-recording.mp4 file to your computer.

To make a new recording, simply start again from Step 3.

5. Troubleshooting

• Error: "Screen capture is blocked in this view."

  • Cause: This error can sometimes appear if the browser's security settings are very high or if you are running the tool in an unusual environment (like an iframe).

  • Solution: As a fallback, you can download the HTML file (right-click on the page > Save As...) and open it directly from your computer (e.g., file:///C:/Users/YourName/Downloads/EasyScreenCap.html). This often bypasses stricter browser security policies.

• Microphone dropdown is empty or says "No microphones found."

  • Cause 1: You may have denied the browser permission to access your microphone.

  • Solution 1: Check your browser's site settings (by clicking the lock icon in the address bar) and ensure "Microphone" is set to "Allow" for the website.

  • Cause 2: You do not have a microphone connected or enabled on your system.

  • Solution 2: Connect a microphone and reload the page.

• The "Start Record" button is disabled.

  • Cause: You have not selected a screen to share yet.

  • Solution: You must click "Start Capture" first and successfully share your screen.