服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - 编程技术 - 用了7个开源库,秒杀33种同行工具,这个录屏工具在Github火了

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

2020-12-01 22:55开源最前线猿妹编译 编程技术

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

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

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

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

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

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

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

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

Screenity的安装和使用

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

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

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

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

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

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

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

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

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

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

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

FabricJs:用于交互式文本和图形创建(优化的自定义构建)

FFMPEG:将视频转换为GIF或MP4

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

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

Pickr:拾色器

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

延伸 · 阅读

精彩推荐
  • 编程技术简单、好懂的Svelte实现原理

    简单、好懂的Svelte实现原理

    本文会围绕一张流程图和两个Demo讲解,正确的食用方式是用电脑打开本文,跟着流程图、Demo一边看、一边敲、一边学...

    魔术师卡颂4822021-11-10
  • 编程技术从Context源码实现谈React性能优化

    从Context源码实现谈React性能优化

    这篇文章主要介绍Context的实现原理,源码层面掌握React组件的render时机,从而写出高性能的React组件,源码层面了解shouldComponentUpdate、React.memo、PureComponen...

    魔术师卡颂5312020-12-20
  • 编程技术AIOps,SRE工程师手中的利器

    AIOps,SRE工程师手中的利器

    AIOps开始成为一种极为重要的站点可靠性工程工具。它能够高效吸纳观察数据、参与数据以及来自第三方工具的数据,判断系统运行状态并保证其处于最佳...

    至顶网5962021-03-08
  • 编程技术用户态 Tcpdump 如何实现抓到内核网络包的?

    用户态 Tcpdump 如何实现抓到内核网络包的?

    在网络包的发送和接收过程中,绝大部分的工作都是在内核态完成的。那么问题来了,我们常用的运行在用户态的程序 tcpdump 是那如何实现抓到内核态的包...

    开发内功修炼11612021-09-08
  • 编程技术2021年值得关注的React PDF 库

    2021年值得关注的React PDF 库

    今天,许多网络应用程序为其用户提供内置的PDF浏览选项。然而,选择一个并不容易,因为它们的功能远远超过显示PDF。在这篇文章中,我将评估5个React的...

    TianTianUp5222021-06-21
  • 编程技术让开发效率倍增的 VS Code 插件

    让开发效率倍增的 VS Code 插件

    今天来分享一些提升开发效率的实用 VS Code 插件!Better Comments 扩展可以帮助我们在代码中创建更人性化的注释,有不同形式和颜色的注释供我们选择。 ...

    前端充电宝7132022-04-21
  • 编程技术Delphi - Indy idMessage和idSMTP实现邮件的发送

    Delphi - Indy idMessage和idSMTP实现邮件的发送

    这篇文章主要介绍了Delphi - Indy idMessage和idSMTP实现邮件的发送,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下...

    JJ_JeremyWu6592020-09-22
  • 编程技术真正聪明的程序员,总有办法不加班

    真正聪明的程序员,总有办法不加班

    工作效率提升了,就可以少加班了,聪明的程序员,总会有一堆可以提升编码效率的工具?当一种工具满足不了工作需求,就去探索新的,今天纬小创就给...

    今日头条12482021-03-04