摘要:大家在日常办公中,录屏是个很常用的工具了,不过想要找到款免费且易用的录屏工具还是挺不容易的(tips:Mac电脑可以使用ctrl+shift+5打开系统内置的录屏工具),那些免费录屏工具大部分都是有使用次数和时长限制的,而且打开一堆广告!今天要和大家分享一款免
大家在日常办公中,录屏是个很常用的工具了,不过想要找到款免费且易用的录屏工具还是挺不容易的(tips:Mac电脑可以使用ctrl+shift+5打开系统内置的录屏工具),那些免费录屏工具大部分都是有使用次数和时长限制的,而且打开一堆广告!今天要和大家分享一款免费开源且无使用次数和时长限制的录屏神器!
一、项目简介
Screenity 是一款基于 Chrome、Edge 等 Chromium 浏览器的开源录屏插件。与多数需要登录或付费的同类工具不同,Screenity 完全免费、无使用次数与时长限制,且录制数据本地保存,不会上传云端。
无论是产品演示、线上授课、远程协作还是 Bug 复现,Screenity 都能快速捕捉屏幕、摄像头和系统音频,并支持边录边批注,让你的视频更富解释力。
二、功能特点
全场景录制 支持浏览器标签页、桌面、指定区域、任意应用窗口及摄像头。多路音频 可分别录制麦克风与系统声音,支持「按键对讲」模式。实时批注 录制中随时绘制、添加文字、箭头、形状;鼠标高亮与聚光灯效果一键开启。AI 背景及隐私保护 内置 AI 抠像与背景虚化,可对敏感信息进行模糊处理。智能缩放 & 计时器 平滑缩放聚焦重点区域;可设置倒计时或自动停止录制时间。内置编辑器 结束录制后可对视频裁剪、静音、替换音轨、裁剪画面等。多格式导出 支持 MP4、WebM、GIF,或一键上传至 Google Drive 分享。离线与零收集 所有数据本地存储,无需注册即可离线使用。小结:Screenity 将录屏、批注、编辑、分享闭环打通,且对隐私友好,是目前开源圈少有的全能选手。三、技术栈 & 部署配置领域
主要技术 / 库
前端框架
原生 JavaScript + React
UI 组件
Radix Primitives、react-color
批注渲染
Fabric.js
视频处理
FFmpeg WASM、fix-webm-duration
AI/ML
TensorFlow Selfie Segmentation(摄像头背景分割)
本地存储
localForage(基于 IndexedDB)
音频波形
Wavesurfer.js
裁剪组件
React Advanced Cropper
部署或二次开发
环境要求 Node.js ≥ 14 Chrome / Edge 浏览器(开启开发者模式)本地运行步骤git clone https://github.com/alyssaxuu/screenity.gitcd screenitynpm install # 安装依赖npm start # 构建开发版构建完成后,在浏览器地址栏输入 chrome://extensions/ → 开启「开发者模式」→ 点击「加载已解压的扩展程序」,选择仓库内生成的 build 目录即可。
可选配置若需启用「保存到 Google Drive」,需在 GCP 控制台为 Chrome App 创建 OAuth Client,并将生成的 client_id 写入 manifest.json。四、安装 / 使用教程 1. 商店安装(推荐)访问 Chrome Web Store 页面:https://chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji若因网络或权限问题无法访问 Chrome 商店,可在 GitHub Releases 页面(https://github.com/alyssaxuu/screenity/releases)下载最新 Build.zip,解压后按「本地运行步骤」中的方式手动加载。
五、项目适用人群
在线教育:老师录制课件、学生演示作业。产品经理 / 设计师:展示原型、收集反馈。开发者 & 测试:复现 Bug、演示功能迭代。内容创作者:制作教程视频、游戏解说。远程办公团队:异步交流、视频汇报、客户 Demo。六、总结如果你正在寻找一款零成本、功能全面、且不泄露隐私的录屏工具,Screenity 值得立即安装体验。
它将**录屏、批注、剪辑合而为一**,实现了「开箱即用、所见即所得」的流畅流程,再加上活跃的开源社区与 GPL-3.0 许可证,对个人和团队都极具吸引力。
快去下载试下吧,顺手分享给同事朋友,拒绝商业录屏软件割韭菜!
来源:小隐说科技