主题
如何防截屏防录制
真实例子
很多视频网站,为了保护知识产权,在播放时候,用户截屏或者录屏,视频会继续播放,但是视频内容却变成黑色了,是怎么做到的呢? 例如,需要 SVIP 才可以看的视频,在截屏的时候,内容区域就黑屏了:
实现探索
遇到这样的需求,很多时候第一时间到的是寻找第三方库,例如:no-print-js
NoPrint.js 可以做什么
- 禁用复制和粘贴
- 禁用打印
- 禁用鼠标右键
- 禁用截图
- 禁用“另存为”/ Ctrl + S
- 自动模糊
他是通过监控快捷键的方式来实现上述功能的,我们可以通过一些技术手段来避开 js 脚本执行,不能做到很完美的实现
Encrypted Media Extensions API
对于一些系统级别的截屏和录屏,若没有浏览器的原生支持,js 层面是根本拦不住的,这个原生功能,浏览器将其封装成了一套 API,也就是 Encrypted Media Extensions API ,简称 EME,叫做 加密媒体扩展 API,是做媒体加密和数字知识产权保护的一套 API,可以调用浏览器原生功能,来进行放截屏和防录屏
实现
写作中....