这款录屏神器在 GitHub 火了,秒杀 33 种同类工具!

推荐阅读:

本次推荐一个录屏神器「Screenity」,在 GitHub 上非常火爆,目前已狂揽 4.1K 颗星星。

1. 功能亮点

windows 和 Mac 自带的录屏软件功能都比较有限(windows 可以快捷键 win+G 打开,Mac 可用 QuickTime Player),只能满足简单的录屏需求。

Screenity 是一款基于 Chrome 的插件。它的功能亮点非常多,比如可以无限的录屏、录屏过程中可添加注释(文本、箭头、高亮)、有独立麦克风、可修剪删除等等,功能非常强大。

最重要的是Screenity 开源免费,无需安装和注册,轻便使用。

🎥 无限记录标签页、桌面、任何应用程序和相机,无时间限制。

✏️ 通过在屏幕上的任意位置绘制,添加文本和创建箭头进行注释

👀 突出显示点击,将焦点放在鼠标上或从录音中隐藏它

🎙️ 独立的麦克风和计算机音频控制、一键通等

⚙️ 自定义倒计时,仅在悬停时显示控件以及许多其他自定义选项

💾 导出为 mp4,gif 和 webm,或将视频直接保存到 Google 云端硬盘

✂️ 修剪或删除录音部分

🌐提供英语,加泰罗尼亚语,西班牙语、法语、葡萄牙语、巴西葡萄牙语、德语和韩语。
都是免费的,无需登录!

作者将 Screenity 与同类的 33 款产品进行了详细功能对比,基本可以秒杀其他工具了。

2. 效果展示
下面是作者提供的一个 demo 效果展示。

3. 操作界面

Chrome 扩展程序安装完插件可以看到 Screenity 的操作窗口,有 Tab only、Desktop、Camera only 等三个选项,点击 loading 倒数 3 个数即可开始。

然后会弹出操作浮窗,在录制过程中可笔注释、可开启录音、可开摄像头录像,boy 哥已经尝试了,效果非常棒 。

4. 技术栈

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

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

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

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

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

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

  • Pickr - 为拾色器

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

GitHub 链接:https://github.com/alyssaxuu/screenity
开源作者:Alyssa X

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章