Screen Capture Playground - Free Online Tool | IconVault
Learn getDisplayMedia: share your screen with surface selection, inspect real track settings, and download PNG snapshots. Free, in your browser.
Screen Capture
getDisplayMedia with surface selection and constraints
Surface preference
A hint only - the user still picks the final surface in the picker.
Your screen never leaves this device: capture runs in the browser tab, snapshots are local PNGs. getDisplayMedia requires HTTPS (or localhost) and a user click, which the Share button provides.
Live preview
Press "Share screen" - your browser will ask which surface to share
About this tool
IconVault's Screen Capture Playground teaches getDisplayMedia with the real thing. Press Share screen and your browser's native picker appears; you can hint the surface preference (monitor, window, or tab) and toggle system audio. The live preview streams your chosen surface, a settings panel shows the actual track values (displaySurface, logicalSurface, resolution, frame rate, cursor mode), and one click captures a full-resolution PNG snapshot you can download. It is free and runs fully in your browser.
Screen capture powers everything from meeting apps to bug-report recorders, but the API surface has real subtleties: the surface hint is only a hint, track settings reveal what the user actually shared, and the ended event fires when they stop from the browser chrome. This lab surfaces all of it, handles the cancel case gracefully, and keeps everything local so your screen never leaves the device.
Frequently asked questions
Popular searches
More tools
Algorithm Visualizer
Watch sorting and searching animate step by step
Alt Text Helper
Write better image alt text with live feedback
ARIA Reference
Searchable ARIA roles and attributes guide
Array Visualizer
Step through map, filter, reduce like a debugger
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon