项目简介
Screenity 是一款功能强大且注重隐私的屏幕录制和标注工具,适用于工作、教育等多个场景。用户可以利用这款工具制作出色的产品演示、教程、演示文稿,或者向团队分享反馈——这一切都免费提供。
Screenity 的设计者是 Alyssa X。如今,它已然成为 Chrome 浏览器上最强大的屏幕录制工具之一,受到了不少用户的推崇。
核心功能
- 🎥 无限制录制:可以录制浏览器标签页、特定区域、桌面、任何应用程序或摄像头画面。
- 🎙️ 音频录制:支持录制麦克风或内部音频,并提供“按下说话”等功能。
- ✏️ 屏幕标注:可随意在屏幕上绘制,添加文本、箭头、形状等。
- ✨ 增强背景:利用 AI 技术,改善摄像头背景或应用模糊效果。
- 🔎 针对性放大:在录制中平滑放大特定区域。
- 🪄 隐私保护:模糊处理页面中任何敏感内容。
- ✂️ 录制编辑:内置强大的编辑器,可添加或移除音频,剪切、裁剪录制內容。
- 👀 动作高亮:突显鼠标点击和光标移动,并可切换至聚光灯模式。
- ⏱️ 录制定时:设置自动停止录制的闹钟。
- 💾 视频导出:可导出为 mp4、gif 和 webm,或直接保存到 Google Drive 并分享链接。
- 🔒 隐私保障:用户视频仅用户可见,我们不会收集任何数据,甚至支持离线操作。
- 💙 无限制使用:不受时间和次数限制,无需注册账号。
自行托管 Screenity
Screenity 可以在本地运行,无需通过 Chrome 网上应用店进行安装。以下是步骤:
- 从发布页面下载最新的 Build.zip 文件。
- 在地址栏中输入
chrome://extensions/
,并启用开发者模式。 - 解压后的项目文件夹拖入浏览器,或点击“加载未打包的扩展程序”按钮并选中该文件夹。
- 这样就可以在本地使用 Screenity 了。若需设置 Google Drive 集成,请参考相关指南。
开发版本的创建
若希望开发或修改 Screenity,请遵循以下步骤:
- 确保 Node.js 版本 >= 14。
- 克隆项目的代码库。
- 运行
npm install
安装依赖。 - 运行
npm start
启动项目。 - 进入
chrome://extensions/
,并启用开发者模式。 - 点击“加载未打包的扩展程序”并选择
build
目录。
导出至 Google Drive 功能的启用
若需启用 Google Drive 上传功能,须在 manifest.json 文件中修改 client_id,与您关联的扩展程序密钥相匹配。在 Google Cloud Console 中选择“创建凭据 > OAuth Client ID > Chrome App”来创建。要创建持久化的扩展密钥,可参照 Chrome 扩展文档。
使用的库
Screenity 采用多个知名开源库,包括:
- FFmpeg WASM:用于视频编辑与编码。
- Tensorflow 和 Selfie Segmentation 模型:用于背景处理。
- Fabric.js:用于屏幕标注。
- Radix Primitives:用于 UI 组件。
- react-color:用于颜色选择。
- localForage:帮助视频离线储存。
- Wavesurfer.js:用于音频波形生成。
- React Advanced Cropper:用于编辑器中的裁剪 UI。
- fix-webm-duration:用于修复 WEBM 文件的缺失元数据。
致谢
感谢 HelpKit 赞助并托管了 Screenity 帮助中心,以及 Mei Xuan 对扩展中文翻译的贡献。
如果需要帮助或想了解更多,可以在帮助中心浏览文章和指南,也可通过表单提交反馈或想法。希望 Screenity 对您有所帮助!