Browser Hub Demo
Idle Detection API
It enables smarter apps that react to real presence instead of treating every tab as continuously attended.
Context awareness
What this unlocks
Detect whether the user and screen are active to adapt sync, notifications, and session behavior. Experimental and permission-gated. Unsupported browsers should default to conservative behavior based on visibility and focus events.
Idle Detection API
Detect whether the user and screen are active to adapt sync, notifications, and session behavior.
This is powerful for collaboration tools, notification systems, and energy-aware syncing, but it should be permissioned and clearly justified.
Permission
not requested
User state
active
Screen state
unlocked
Start watching to request permission and monitor presence state.
Use cases
Real product scenarios
These are the kinds of workflows where the API earns its complexity.
Pause noisy notifications when someone is away.
Idle Detection API helps when the browser needs to move beyond plain navigation and forms.
Delay expensive sync jobs until the device is idle.
Idle Detection API helps when the browser needs to move beyond plain navigation and forms.
Improve shared-screen etiquette in collaborative tools.
Idle Detection API helps when the browser needs to move beyond plain navigation and forms.
Shipping notes
Progressive enhancement rules
Browser capability work is product design work. Support levels, permissions, secure context requirements, and fallback behavior matter as much as the demo itself.
Presence data is sensitive and must be used carefully.
Experimental and permission-gated. Unsupported browsers should default to conservative behavior based on visibility and focus events.
Users should understand why the permission is being requested.
Experimental and permission-gated. Unsupported browsers should default to conservative behavior based on visibility and focus events.
More demos
Related browser capabilities
Continue through the hub to see how other modern APIs can reshape UX, device integration, and workflow design.
Perception APIs
Barcode Detection API
Detect QR codes and barcodes directly in-browser from uploaded or camera-captured images.
Open Barcode Detection APIMultiwindow UX
Document Picture-in-Picture API
Pop a mini always-on-top window for controls, timers, notes, or monitoring panels.
Open Document Picture-in-Picture API