javascript - Disney+ 如何防止对其内容进行屏幕录制？

Question

当我意识到当我尝试使用 Snipping Tool 拍摄新的屏幕截图时视频变黑时，我试图在 Disney+ 网络应用程序上拍摄电影的屏幕截图。当我尝试对 OBS 和 Discord 流做同样的事情时，我看到了同样的效果。
有趣的是，这只适用于我机器上的 Chrome(我也尝试过 Firefox 和 Edge，他们只是让我记录我的屏幕)。
当我看到这一点时，我真的很好奇他们是如何做到这一点的。
有谁知道如何为我自己的网络项目重新创建它？

Answer 1

I became really curious on how they achieved this.

They use Widevine .

Widevine homepage .

https://ottverse.com/widevine-drm-how-does-it-work/

https://en.wikipedia.org/wiki/Widevine

新闻报道:

https://www.cordcuttersnews.com/sadly-disney-wont-work-on-chromebooks-linux-some-android-devices-because-of-drm/

https://www.tomsguide.com/news/disney-plus-will-work-on-chromebooks

https://www.androidpolice.com/2019/10/22/disney-will-only-work-on-devices-that-support-the-strictest-widevine-l3-drm/

Netflix、Hulu 等也使用它。

Widevine 是谷歌的 DRM 系统，嵌入到 Chrome 中。

所有其他主要浏览器也都采用了它，因为没有人会使用无法访问 Netflix 的浏览器。

正如您所注意到的，Mozilla 和 Microsoft 的支持对用户的敌意较少。

它只是一个标准的 HTML5 <video>元素 - 当浏览器下载视频流时，它会看到它是用 Widevine 加密的，并且使用了 Widevine 客户端代码，该代码执行所有 DRM 业务。

虽然 there are HTML and DOM features that facilitate DRM , 我不确定 the extent that any JavaScript is required使用它——理论上浏览器加载 DRM 系统所需知道的一切都应该嵌入到原始媒体流中。

在 Windows 上，我了解(尽管未经证实)Widevine 使用了 SetWindowDisplayAffinity to block screenshots .

没有什么能阻止您在自己的 native 代码中执行此操作(例如，如果您有一个 Electron fork)，但请不要这样做，因为这对您的用户来说是一个真正的 dick-move，除了如果用户有 DWM 则根本不工作禁用(例如，他们正在运行禁用 Aero 的 Windows 7)。

Has anyone any idea how I can recreate this for my own web projects?

您需要自己获得 Widevine 的许可。 This is a complicated process intended only for large media production companies and content rightsholders ，而不是个人或小企业。
无论如何，即使可以，也请不要。为什么你想让用户更难分享和欣赏你的媒体？只需将其粘贴在 YouTube 上即可。