JavaScript奇技淫巧:20行代码,实现屏幕录像
本文展示一个技巧,可以给任何网站、网页实现屏幕录像功能。
即使你不是网站的管理者,也可以给它添加录制功能。
方法如下:
第一步:
复制一段JS代码,这段代码是实现录像功能的:

第二步:
打开任意网站,比如JShaman官网:

然后调出“Web开发者工具”,并切换到“控制台”。
第三步:
粘贴上面复制的JS代码,并按下回车。

回车后会显示出“undefined”:

第四步:
在网页任意地方点击鼠标,即可进行录屏操作。
这时会弹出一个窗口,供选择录制范围。

之后便开始录制了。
当需要停止录像时,点击”停止共享”就可以了。

停止录制后,刚刚录制的内容会自动保存成一个视频文件:

打开便可播放:

在这整个过程中,最重要的是第一步中的JS代码。
代码可自行阅读理解,大意是给document.body添加点击事件,当点击时,进行屏幕录像。
所以,只要保存那段代码,便给可任意网站添加录像功能。
如果想要修改触发条件,比如把鼠标点击改为鼠标双击,只需修改addEventListener中的事件名称即可。
例:改为双击:
如果在复制粘贴代码时,不想让别人看出你的代码是什么意思,还可以对以上代码进行混淆加密。
用JShaman对代码进行加密:

得到加密代码:

复制并使用这段代码,使用跟之前一样,但别人是无法理解代码功能的。