大家好,这里是编程指南针。
今天给大家推荐一个录屏神器—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 商店安装。
最新评论