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

这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客

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

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

因此,一个好的屏幕录音工具是必不可以的。这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客而这个功能丰富的屏幕录制工具——Screenity,就符合这个条件,它是一个Chrome插件。不需要下载和安装,只需要安装一个Chrome浏览器就可以了。1. 功能亮点windows 和 Mac 自带的录屏软件功能都比较有限(windows可以快捷键 win+G 打开,Mac 可用 QuickTime Player),只能满足简单的录屏需求。

而这个工具的功能非常多,比如可以无限的录屏、录屏过程中可添加注释(文本、箭头、高亮)、有独立麦克风、可修剪删除等等,功能非常强大。
这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客主要功能特性如下:

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


其中,最为显著的功能应该就是是Screenity可以编辑你的录音,直接进行视频的剪辑。
还有视频的保存形式有MP4、gif、webm文件等……
这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客
最关键的一点是,Screenity免费开源,无需注册,录制长度无限制。
鉴于对自己项目的自信,作者还专门制作了一个表格,将Screenity与同类的33款产品进行了详细功能对比,用实际数据证明Screenity是最牛的。

这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客

2. 效果展示
下面是作者提供的一个demo效果展示。这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客3. 安装和使用Screenity的安装和使用也非常简单,只需要把它从Chrome应用商店添加到你的浏览器即可,就连登录操作都省了。
不过,一旦在浏览器中添加了该扩展,一定要同意它访问你设备的摄像头和麦克风。
这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客
Chrome扩展程序安装完插件可以看到Screenity的操作窗口。
有Tab only、Desktop、Camera only等三个选项,点击loading倒数3个数即可开始。
这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客然后会弹出操作浮窗,在录制过程中可笔注释、可开启录音、可开摄像头录像。效果相比其他的录屏工具简直不要好太多了。

这个录屏工具在 GitHub 火了,33 种同类工具中排第-风君雪科技博客

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

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

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

FFMPEG-将视频转换为GIF或MP4

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

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

Pickr -为拾色器

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

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