屏幕录制利器 —— Screenity 安装与配置完全指南

屏幕录制利器 —— Screenity 安装与配置完全指南

screenity The most powerful screen recorder & annotation tool for Chrome 🎥 项目地址: https://gitcode.com/gh_mirrors/sc/screenity

Screenity 是一款免费且注重隐私的屏幕录像工具，无需登录即可无限制作高质量视频，适用于工作、教育等场景。它支持多种录制模式，包括浏览器标签、特定区域、桌面、应用甚至摄像头，并具备麦克风录音、内部音频录制、实时标注等功能。此项目基于 JavaScript 开发，采用 GPL-3.0 许可证。

关键技术和框架

• FFmpeg WASM: 用于视频编辑与编码。
• TensorFlow: 结合自拍分割模型进行高级功能实现。
• Fabric.js: 提供绘制和注释功能。
• Radix Primitives: 界面组件库。
• React Color: 色彩选择器。
• localForage: 利用IndexedDB实现离线视频存储。
• Wavesurfer.js: 创建音频波形视图。
• React Advanced Cropper: 编辑器中的裁剪UI。

准备工作与详细安装步骤

步骤一：基础环境搭建

确保你的系统中已安装 Node.js，版本需不低于 v14。你可以通过命令行输入 node -v 来检查当前安装的Node.js版本。

步骤二：克隆项目源码

打开终端或命令提示符，运行以下命令来克隆Screenity项目到本地：

git clone https://github.com/alyssaxuu/screenity.git

步骤三：安装依赖

导航至项目根目录，并执行以下命令以安装所有必需的开发依赖：

cd screenity
npm install

步骤四：启动开发服务器

安装完成后，运行以下命令启动开发环境：

npm start

这将编译项目并开启一个本地服务器，通常你会在控制台看到指示服务运行的端口号。

步骤五：加载至Chrome扩展管理页面

1. 打开Chrome浏览器，进入扩展程序管理页面，路径是 chrome://extensions/。
2. 启用右上角的“开发者模式”。
3. 点击“加载已解压的扩展程序”，然后选择screenity/build文件夹。

高级配置：启用Google Drive保存

如果你希望使用Google Drive保存录制的视频，需要修改manifest.json中的客户端ID，并按照以下步骤生成相应的OAuth客户端ID：

1. 进入Google Cloud Console创建新的OAuth 2.0客户端ID，选择“Chrome应用”。
2. 将得到的客户端ID替换manifest.json文件中的相应字段。
3. 重新加载扩展程序以使更改生效。

至此，Screenity已经在你的开发环境中准备就绪，你可以开始享受无限制的屏幕录制体验了！

---

请注意，对于生产环境或想要自我托管的用户，应遵循项目的文档进一步了解如何部署至服务器或者本地环境。此外，由于项目采用了GPL-3.0许可证，任何修改后的分发都需要符合该许可证的规定。

screenity The most powerful screen recorder & annotation tool for Chrome 🎥 项目地址: https://gitcode.com/gh_mirrors/sc/screenity