在浏览器上检测屏幕录制

Question

是否有任何方法可以检测或阻止在网络浏览器中屏幕录制的 html5 视频元素或画布。也许通过扩展？有可能吗？

Answer 1

不幸的是没有这样的方法来检测这一点。但是，如果您只是希望它能够防止人们复制您的网页内容并保持其私密性，那么您实际上可以采用其他一些方法。看看这些：

https://myprogrammingnotes.com/protect-web-page-copied-using-javascript.html

有哪些方法可以阻止用户截取网页？

Answer 2

是的，演示来了

document.addEventListener("visibilitychange", function() {
  if(document.visibilityState == 'hidden'){
    console.log('hidden')
  } else if (document.visibilityState == 'visible') {
    console.log('visible')
  }
});

浏览器提供监听事件以在调用该方法时隐藏受保护区域

Answer 3

你能帮我如何实现这段代码吗？

jQuery('.video-open').magnificPopup({
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false,
            iframe: {
                markup: '<div class="mfp-iframe-scaler">' +
                    '<div class="mfp-close"></div>' +
                    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
                    '</div>',

                srcAction: 'iframe_src',
            }
        });