用了7个开源库，秒杀33种同行工具，这个录屏工具在Github火了

越来越多的产品从线下转移到线上，从很多年前网课就已经开始流行，因此，一个好的屏幕录音程序是必不可以的。

在课程录制方面，有时候你不仅要对整个屏幕进行录制，还需要录音，重点的地方还需要标注，实现这一系列功能的程序并不多见，最近，猿妹在Github上找到一个功能丰富的屏幕录制工具——Screenity，这是一个Chrome插件，不需要下载和安装，只要你有一个Chrome浏览器就可以了。

Screenity可以录制下载Chrome浏览器中打开的任何页面，允许你对它们进行实时注释，这个功能对于那些在家办公以及在线学习的学生们来说，简直不要太好用了。

最最关键的一点是，Screenity免费开源，无需注册，录制长度无限制，主要功能特性如下：

• 可以在屏幕上的任何地方绘图、添加文本和创建箭头来进行注释
• 可以突出显示鼠标点击，聚焦鼠标，或从记录中隐藏它
• 独立的麦克风和电脑音频控制
• 导出为 mp4、gif 和 webm，或保存到 Google Drive
• 简单的裁剪视频

Screenity的安装和使用

Screenity的安装和使用非常简单，你只需要把它从Chrome应用商店添加到你的浏览器即可，就连登录操作都省了。不过，一旦你在浏览器中添加了该扩展，你需要同意它访问你设备的摄像头和麦克风。

安装完毕之后，你可以根据自己的需求，选择录制整个电脑网页，或者是通过电脑相机录制，而且还支持3秒的倒计时拍摄。此外，你还可以用屏幕左下角的工具栏，在屏幕的不同区域进行注释、标记和添加文本，以帮助他人更好的查看你的视频，就连注释也可以进行设置，比如字体的粗细和颜色等。

Screenity还有一大杀手锏，就是你可以编辑你的录音，你可以直接进行视频的剪辑，视频的保存形式有MP4、gif、webm文件等。

鉴于对自己项目的自信，创建者还制作了一个表格，对比了33款同类产品，用实际数据证明Screenity是最牛的：

说了Screenity这么多的功能特性，其实它最大的一个特点是开源，任何有一些技术的人都可以通过学习Screenity的创建方式，创建自己的屏幕录制工具。

目前，Screenity在Github上标星3313，并且已经登上了Github热榜第一。（项目地址：https://github.com/alyssaxuu/screenity）。

最后和大家分享一下Screenity用到的一些技术库：

jQuery：用于更好的事件处理和DOM操作

FabricJs：用于交互式文本和图形创建（优化的自定义构建）

FFMPEG：将视频转换为GIF或MP4

jQuery Nice Select：用于创建下拉菜单

Nouislider：用于修整/删除录音部分的功能

Pickr：拾色器

Plyr：用于在编辑录像时显示的视频播放器