这个录屏工具在 GitHub 火了，33 种同类工具中排第

大家好，这里是编程指南针。
今天给大家推荐一个录屏神器—Screenity，在GitHub上非常火爆，目前已狂揽4.1K颗星星。

 

在工作和学习中，我们遇到一些好的视频素材都会想收藏起来，这时候就需要借助于部分工具来达到这个目的。

 

但是吧，如果说需要对整个屏幕进行录制，还需要录音，在一些重点的地方可能还需要标注，这就有点难了，可以满足这一系列功能的工具并不多见。

因此，一个好的屏幕录音工具是必不可以的。而这个功能丰富的屏幕录制工具——Screenity，就符合这个条件，它是一个Chrome插件。不需要下载和安装，只需要安装一个Chrome浏览器就可以了。1. 功能亮点windows 和 Mac 自带的录屏软件功能都比较有限（windows可以快捷键 win+G 打开，Mac 可用 QuickTime Player），只能满足简单的录屏需求。

而这个工具的功能非常多，比如可以无限的录屏、录屏过程中可添加注释（文本、箭头、高亮）、有独立麦克风、可修剪删除等等，功能非常强大。
主要功能特性如下：

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

其中，最为显著的功能应该就是是Screenity可以编辑你的录音，直接进行视频的剪辑。
还有视频的保存形式有MP4、gif、webm文件等......

最关键的一点是，Screenity免费开源，无需注册，录制长度无限制。
鉴于对自己项目的自信，作者还专门制作了一个表格，将Screenity与同类的33款产品进行了详细功能对比，用实际数据证明Screenity是最牛的。

 

2. 效果展示
下面是作者提供的一个demo效果展示。3. 安装和使用Screenity的安装和使用也非常简单，只需要把它从Chrome应用商店添加到你的浏览器即可，就连登录操作都省了。
不过，一旦在浏览器中添加了该扩展，一定要同意它访问你设备的摄像头和麦克风。

Chrome扩展程序安装完插件可以看到Screenity的操作窗口。
有Tab only、Desktop、Camera only等三个选项，点击loading倒数3个数即可开始。
然后会弹出操作浮窗，在录制过程中可笔注释、可开启录音、可开摄像头录像。效果相比其他的录屏工具简直不要好太多了。

4. 技术库实现Screenity所使用的技术如下：

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

• FabricJs-用于交互式文本和箭头（优化的自定义构建）

• FFMPEG-将视频转换为GIF或MP4

• jQuery Nice Select-更好，更时尚的下拉菜单

• Nouislider-用于修整/删除录音部分的范围滑块

• Pickr -为拾色器

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

GitHub链接：https://github.com/alyssaxuu/screenity开源作者：Alyssa X
最后，需要的小伙伴可以直接在 Chrome 商店安装。