screenity

项目简介

Screenity 是一款功能强大且注重隐私的屏幕录制和标注工具，适用于工作、教育等多个场景。用户可以利用这款工具制作出色的产品演示、教程、演示文稿，或者向团队分享反馈——这一切都免费提供。

Screenity 的设计者是 Alyssa X。如今，它已然成为 Chrome 浏览器上最强大的屏幕录制工具之一，受到了不少用户的推崇。

核心功能

• 🎥 无限制录制：可以录制浏览器标签页、特定区域、桌面、任何应用程序或摄像头画面。
• 🎙️ 音频录制：支持录制麦克风或内部音频，并提供“按下说话”等功能。
• ✏️ 屏幕标注：可随意在屏幕上绘制，添加文本、箭头、形状等。
• ✨ 增强背景：利用 AI 技术，改善摄像头背景或应用模糊效果。
• 🔎 针对性放大：在录制中平滑放大特定区域。
• 🪄 隐私保护：模糊处理页面中任何敏感内容。
• ✂️ 录制编辑：内置强大的编辑器，可添加或移除音频，剪切、裁剪录制內容。
• 👀 动作高亮：突显鼠标点击和光标移动，并可切换至聚光灯模式。
• ⏱️ 录制定时：设置自动停止录制的闹钟。
• 💾 视频导出：可导出为 mp4、gif 和 webm，或直接保存到 Google Drive 并分享链接。
• 🔒 隐私保障：用户视频仅用户可见，我们不会收集任何数据，甚至支持离线操作。
• 💙 无限制使用：不受时间和次数限制，无需注册账号。

自行托管 Screenity

Screenity 可以在本地运行，无需通过 Chrome 网上应用店进行安装。以下是步骤：

1. 从发布页面下载最新的 Build.zip 文件。
2. 在地址栏中输入 chrome://extensions/，并启用开发者模式。
3. 解压后的项目文件夹拖入浏览器，或点击“加载未打包的扩展程序”按钮并选中该文件夹。
4. 这样就可以在本地使用 Screenity 了。若需设置 Google Drive 集成，请参考相关指南。

开发版本的创建

若希望开发或修改 Screenity，请遵循以下步骤：

1. 确保 Node.js 版本 >= 14。
2. 克隆项目的代码库。
3. 运行 npm install 安装依赖。
4. 运行 npm start 启动项目。
5. 进入 chrome://extensions/，并启用开发者模式。
6. 点击“加载未打包的扩展程序”并选择 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 对您有所帮助！