Skip to content

This is a react based web app that uses custom hook for detecting screenshots taken on the web app for which browsers usually do not provide any special events for same. A way around for achieving same is this repo

Notifications You must be signed in to change notification settings

Lakshmishreya-Bapatuyeruguti/Screenshot-Capture-Experimentation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔒 Screenshot Blur Detector

A small experimental React app that blurs content when a screenshot attempt is likely — based on user keypress behavior.

🛡️ System-level screenshot events are intentionally blocked by browsers to protect user privacy and security.
This project explores a creative heuristic-based workaround using a custom React hook.


🧪 Workaround Experimented

  • Predicts screenshot intent based on key combinations like Cmd+Shift (Mac) or PrintScreen (Windows)
  • Applies a blur effect on sensitive content when such actions are inferred
  • Uses keydown, keyup, and contextmenu events to monitor common triggers
  • Built using a custom React hook for easy integration into any component

ℹ️ Note

This is an experimental workaround — browsers do not support direct screenshot detection, as system-level events are intentionally restricted to uphold user privacy and security.
The approach here explores how far we can go using available browser events.


🔗 Live Demo

Check it out here: [Deployed App Link]


🛠️ How to Run Locally

Clone the repo

git clone https://github.com/your-username/screenshot-blur-detector.git
npm start

About

This is a react based web app that uses custom hook for detecting screenshots taken on the web app for which browsers usually do not provide any special events for same. A way around for achieving same is this repo

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •