I have seen this feature in websites like Udemy , where in the best seller courses, if you try to take screenshot , they make the screen blank in this way .
I tried all possible ways of taking the screenshot like windows + prt src, windows + shift + s ,snipping tool, but each one of this took the blank image as screenshot, how to implement this in a MERN stack website?
That feature is basically called DRM. So any DRM enabled content is protected by the browser (depends on the browser capabilities) itself from taking captured yet it is not 100% safe. You can read more from the topics below;
https://discussions.apple.com/thread/252605325 https://www.reddit.com/r/Troubleshooting/comments/m74eis/cant_take_screenshots_of_a_udemy_course_video_in/
Edit After the comment; Enabling DRM is related on what video player component you use. Considering you are able to use jwPlayer you can follow the documentation here; https://developer.jwplayer.com/jwplayer/docs/jw8-enable-drm-through-the-web-player
