Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
To improve Electron screen capture quality, request dimensions and a frame rate suited to the display and your recording or streaming pipeline, make sure the app grants the intended screen or window source, and verify the actual output on every supported operating system. Electron’s capture constraints are requests, not guarantees: there is no single documented setting that produces the best quality on every device.
What controls screen capture quality in Electron?
Electron’s documented browser-facing route uses navigator.mediaDevices.getDisplayMedia() to obtain a video stream. The requested width, height, and frame rate influence the stream you ask for; the selected source, OS capture path, display scaling, and downstream recording or streaming workflow also affect what you ultimately see. A high requested resolution alone cannot guarantee a sharp recording or a smooth stream.
Keep three questions separate while debugging:
- Is the right source being captured? A window, display, or tab can have different content and dimensions.
- Does the granted stream meet the requested constraints? Inspect the track’s actual settings rather than assuming the request was honored exactly.
- Does the recorded or transmitted result preserve that stream? Check the later stages of your own pipeline separately; Electron’s capture API documentation does not establish universal encoding or network settings.
Electron’s example uses 320×240 at 30 fps to demonstrate constraints. Those are illustrative values, not a recommended quality profile.
Free tools Windows power users keep installed
One-click scans. No signup required.
Choose dimensions and frame rate for the job
Ask for dimensions appropriate to the captured source and the output’s intended use. For a still or mostly static interface, preserving readable text may matter more than a high frame rate. For motion-heavy content, frame rate matters more, but the capture and downstream pipeline must be able to handle it. These are workload decisions: Electron does not document a universal optimum or promise exact delivery of the values requested.
#1 Best Overall
- 4K Ultra HD Video​ Webcam:See every detail with crystal-clear 4K resolution. Experience incredibly sharp and lifelike video quality that makes you look professional on every call, ensuring you're always seen in the best light.
- Wide 80° Field of View & Full 360° Flexibility​:Fit everyone into the frame with the 80° wide-angle lens. Easily adjust your view with 180° tilt and 360° swivel rotation. Mount it securely on your monitor, desk, or tripod for the perfect angle every time.
- True Plug-and-Play Simplicity: No drivers, no fuss. Just connect the webcam to your computer via USB and you're ready to join calls in seconds. It offers seamless compatibility with all major platforms like Zoom, Teams, and Skype.
- Complete Privacy with a Physical Sliding Lens Cover: Worried about privacy? We've got you covered—literally. A built-in sliding lens cover physically blocks the camera when not in use, ensuring your private life stays private.
- Built-in Mic & Automatic Light Correction: Communicate clearly with the built-in noise-reducing microphone. The camera also intelligently adjusts the video brightness to make you look your best, even in poor lighting conditions.
Use constraints in the video member of the getDisplayMedia() request. Then inspect the returned track’s settings. That lets you distinguish a constraint request from the dimensions and rate actually delivered.
async function startCapture() {
const stream = await navigator.mediaDevices.getDisplayMedia({
video: {
width: { ideal: 1920 },
height: { ideal: 1080 },
frameRate: { ideal: 30 }
},
audio: false
});
const track = stream.getVideoTracks()[0];
if (!track) {
throw new Error("The capture stream has no video track");
}
console.log("Actual video settings:", track.getSettings());
return stream;
}This example requests a 1920×1080 stream with an ideal rate of 30 fps; it does not assert that every source or platform will deliver those settings. Select values for your target displays and workload, and use the reported settings as one part of validation. If a capture stream is unexpectedly small or uneven, first confirm the selected source and actual track settings before changing unrelated rendering code.
Grant the intended source
Electron documents two related approaches: use getDisplayMedia() with a session display-media request handler, or enumerate available sources with desktopCapturer.getSources() and grant a chosen source. The browser API does not select a source through deviceId; Electron’s documentation explicitly says that getDisplayMedia does not permit using deviceId to select a source.
Rank #2
- Unmatched Clarity with True 4K Resolution - Experience ultra-clear video conferencing with a genuine EMEET SmartCam C960 4K CMOS sensor. No false upscaling, only pure 4K quality. Ideal for remote business meetings where every detail matters. The 4K webcam for laptop provides ultra-clear visuals that make you feel like you're in the same room with your colleagues, students, or audience. Note: Video resolution defaults to 1080P; Switch to 4K via built-in camera software or APPs like PotPlayer/OBS.
- PDAF Focus & Auto Light Correction - Equipped with PDAF automatic focusing technology, the EMEET webcam for pc 4K ensures clear and stable focusing in various scenarios like business conferences and educational lectures. Say goodbye to blurry interruptions. Online meetings can be conducted in both over-exposed and low-light settings with auto light adjustment. The 73° FOV focus on you rather than your background, no longer need to painstakingly choose or blur your conference background.
- Dual Omnidirectional Mics - The built-in dual microphones capture voices clearly for crisp, natural audio. Perfect for conference calls and remote teaching, where clear communication is paramount. The webcam with microphone enables you to savor crisp audio quality, fostering an immersive meeting experience that enhances your productivity. Be sure to designate the EMEET SmartCam C960 4K USB webcam as your default microphone device for optimal performance.
- USB Plug and Play & Privacy Assured - The simplicity of plug-and-play technology meets high performance in the C960 4K webcam. The default USB-A interface ensures that you're up and running in no time no matter your level of tech expertise. The webcam comes with a privacy cover for your security. With the flexible mounting options, you can have a computer camera that adapts to your needs without compromising on your privacy. No Driver/Wi-Fi/Bluetooth/Cloud Storage is used to assure privacy.
- Compatibility and Versatility - Works effortlessly across multiple platforms such as Windows (Win7,10,11), macOS (10.14 and above), Android TV V7.0 and above, and Linux. Ideal for use with popular communication software from Zoom to Teams to Skype. Personalize your video settings with EMEET's proprietary EMEETLINK software. With adjustable 360° horizontal axis, 15° vertical adjustments, and a 1/4-inch tripod thread, this webcam can be securely mounted on various screen types and tripods.
For an app-controlled picker, enumerate sources in the main process and use the handler to grant the source the user selected. The following pattern illustrates the connection; adapt the selection UI and error handling to your app. Do not silently grant an arbitrary source when a user choice is expected.
// Main process (for example, in your app's startup code)
const { app, desktopCapturer, session } = require("electron");
app.whenReady().then(() => {
session.defaultSession.setDisplayMediaRequestHandler(
async (_request, callback) => {
try {
const sources = await desktopCapturer.getSources({
types: ["screen", "window"],
thumbnailSize: { width: 0, height: 0 }
});
// Replace this with a user-facing picker. This sample chooses
// the first available source only to show the grant mechanism.
const selected = sources[0];
if (!selected) {
callback({});
return;
}
callback({ video: selected });
} catch (error) {
console.error("Could not enumerate capture sources:", error);
callback({});
}
}
);
});The renderer can then call navigator.mediaDevices.getDisplayMedia({ video: ... }) as in the previous example. The main-process handler’s callback grants the selected desktop source. This is a source-selection flow, not a way to force a resolution the OS or capture path cannot provide.
When a native picker is preferable
A system picker may be preferable when you want the operating system to own source selection. Electron documents an experimental native system picker option for macOS 15 or later; when it is available and enabled, the session request handler is not invoked. Confirm availability and behavior against the Electron version and macOS version you ship before building a flow around it.
Rank #3
- ULTRA HD 4K CLARITY: Stand out in every video call with breathtaking 4K video at 30fps or smooth 1080p at 60fps. Powered by a premium 1/2.5" CMOS sensor and a wide f/1.78 aperture, this webcam captures every detail with vibrant color and stunning low-light performance-so you always look your best
- FAST AUTOFOCUS & SMART LIGHT CORRECTION: No more blurry moments with this webcam for PC. Advanced Phase Detection Auto Focus (PDAF) locks onto your face instantly and keeps you sharp-even when you move. Built-in light correction adapts to your environment, balancing brightness and contrast for a flawless image in dim rooms or bright spaces
- DUAL NOISE-CANCELING MICS: Speak with confidence using this webcam with microphones. Dual microphones with intelligent noise-canceling tech isolate your voice and reduce background noise-suitable for webinars, live streams, team meetings, and virtual interviews
- WIDE-ANGLE LENS & FLEXIBLE MOUNTING OPTIONS: Capture more of your world with an 80 field of view and full 360 swivel rotation. Whether this streaming webcam is mounted on a laptop, monitor, or tripod, it allows you to find the right angle for any setup
- BUILT-IN PRIVACY COVER & PLUG-AND-PLAY SIMPLICITY: Protect your privacy with a secure sliding lens cover that blocks the camera when not in use. Setup is a breeze-just plug into any USB-A port and start streaming, chatting, or recording instantly. The USB webcam is compatible with Zoom, Microsoft Teams, Skype, OBS Studio, and all major platforms across Windows, macOS, and Linux
When using desktopCapturer directly
desktopCapturer.getSources() can enumerate screen and window sources for an app-managed picker. Its thumbnails are useful only if the UI displays them. If thumbnails are unnecessary, setting either thumbnailSize.width or thumbnailSize.height to zero avoids the work of capturing thumbnails for each source. This can reduce enumeration work; Electron does not claim it increases the quality of a video stream already being captured.
Handle permissions and platform differences
macOS screen permission
On macOS 10.15 and later, capturing screen content requires user consent. If capture is denied or the permission has not been granted, changing width or frame rate will not fix the underlying issue. Make the permission state and the user’s action clear in your app, then retry through the intended capture flow.
Linux with PipeWire
With PipeWire, Electron returns one source; PipeWire supports a single capture for screens and windows. Do not treat a one-source result in this configuration as evidence that your source-enumeration code failed. Design the picker and fallback behavior around the sources the platform actually exposes.
Rank #4
- Spectacular video quality: superb resolution, frame rate, color, and detail, featuring autofocus and 5x digital zoom; this Ultra HD webcam supports up to 4K at 30 fps
- Look great in any light: RightLight 3 automatically adjusts exposure and contrast to compensate for glare and backlighting
- Adjustable field of view: Choose from three dFOV presets to perfectly frame your video; frame an ideal head and shoulders view with 65° diagonal, and more of the room with 78° or 90° diagonal
- Sound excellent anywhere: With dual omnidirectional microphones and noise-canceling tech, this webcam with microphone captures clear audio from up to 1.2 meter away while reducing background noise
- Make it your own: The Logi Options+ app (3) simplifies personal device control with zoom in/out, color presets, color adjustments, set manual focus, and easy firmware updates
Permission handlers
Electron categorizes screen, window, and tab capture requests as display-capture, distinct from camera and microphone requests categorized as media. If your app implements permission handlers, handle the display-capture request deliberately and limit grants to the expected origin and flow. A broad or incorrect permission decision can prevent capture or grant more than the user intended.
Keep desktop audio separate
Audio settings are not video-quality settings. Electron’s desktop-capturer documentation notes that CoreAudio Tap became Chromium’s default desktop-audio capture path beginning with Electron v39.0.0-beta.4, and that a failed stream does not automatically fall back to the older Screen & System Audio Recording permissions path. It also documents system-audio limits on macOS 12.7.6 and earlier. Check the version-specific audio behavior if the symptom is missing sound; do not change video constraints to troubleshoot it.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Repair Windows errors before they cause bigger problems3Scan for outdated or missing drivers - takes under a minuteValidate output on real target configurations
There is no documented universal profile or cross-platform benchmark establishing the best Electron capture dimensions or frame rate. Validate the stream and the final artifact under the conditions you intend to support, rather than treating one development-machine result as conclusive.
Best Value
- Compatible with Nintendo Switch 2’s new GameChat mode
- Ultra HD 4K webcam: meet or stream in 4K resolution at 30fps or 1080p at 60fps, with our most advanced webcam sensor yet, with 70% larger pixels (1) for sharp image quality
- AI-enhanced image quality: Experience 2x better face visibility with finer image details in difficult light (2), with auto-exposure, auto white balance, noise reduction, and autofocus
- Curate Your Image: Fine controls (3) on this Ultra HD webcam let you adjust lighting and white balance, such as ISO, Shutter Speed, Tint, and Vibrance, or let Auto mode take care of it
- Let Them Hear Your Every Word: Integrated dual beamforming noise-reducing microphones minimize background noise with the aid of AI to make sure you are clearly heard
- Record the Electron version, operating system, source type, display resolution and scaling, and whether the source is a window or full display.
- Request the dimensions and frame rate your product needs, then log the returned video track’s settings.
- Inspect the recorded or streamed result for the specific problem: unreadable text, insufficient frame rate, missing content, or a mismatch between expected and actual dimensions.
- Repeat with the same capture source and downstream workflow on each supported target OS and Electron version.
- Change one variable at a time. Confirm whether the change affected the delivered track or only an unrelated step such as source-thumbnail enumeration.
This procedure helps locate where quality is lost; it is not a promise that a particular setting will improve every capture. If the track settings are appropriate but the saved or transmitted output is not, investigate the later stages of your application’s pipeline.
Troubleshooting common capture problems
| Symptom | Likely cause to check | Practical response |
|---|---|---|
| Output is smaller than requested | The request is not a guarantee; the chosen source or platform may deliver different settings. | Log getSettings(), verify the source, and test on the target OS and display configuration. |
| The wrong window or screen appears | The app granted a different enumerated source than the user intended. | Review the source-picker mapping and the source passed to the session handler; avoid implicit first-source selection in production. |
| No source is available on Linux | PipeWire exposes one capture source for screens and windows. | Build around the source the platform provides and check the capture environment rather than expecting a list of independent sources. |
| Capture is denied on macOS | User consent for screen-content capture may be missing or declined. | Explain the required permission and let the user retry after granting consent. |
| Display capture is blocked despite camera permission | Electron distinguishes display-capture from media. |
Inspect permission-handler logic for the display-capture request and restrict approval to the intended origin and flow. |
| Source enumeration feels slow | Electron is generating screen and window thumbnails. | If the picker does not display thumbnails, set a thumbnail dimension to zero; this targets enumeration overhead, not stream quality. |
| Desktop sound is missing | Audio capture path, permissions, OS version, or Electron version may be involved. | Debug desktop audio as a separate path and check Electron’s version-specific CoreAudio Tap and macOS audio requirements. |
Or skip the browser setup
If your actual need is a screenshot of a public web page, rather than a live desktop or app window, ScreenshotNeo is a website screenshot API and MCP server. It does not replace Electron’s desktop capture APIs. For a page screenshot, one GET request can return an image or PDF:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo API documentation for request options. Before a web-page capture, it accepts consent banners and removes known consent platforms, newsletter popups, and chat widgets; failed loads, bot checks, blank pages, and cache hits are not billed. Its MCP server exposes screenshot tools for AI agents. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000.
Sign up for ScreenshotNeo’s free plan to try page captures without a card.
FAQ
Can I select a source with a deviceId in getDisplayMedia?
No. Electron documents that getDisplayMedia does not permit deviceId for source selection. Use Electron’s source enumeration and session request handler when your app needs to grant a selected source.
Does a higher frame rate always improve the result?
No universal rate is established. Choose a rate for the motion in your content and validate what the target platform delivers.
Should I switch to ScreenCaptureKit to improve Electron video?
Apple describes ScreenCaptureKit as a native framework with configurable output dimensions and image-quality properties, but adopting it is a separate native implementation decision, not a routine Electron setting. Evaluate it as its own engineering project rather than assuming it is a toggle for Electron’s documented capture APIs.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
