OpenScreen 免费屏幕录制上手教程：10 分钟录出第一个演示视频

OpenScreen 免费屏幕录制上手教程10 分钟录出第一个演示视频【免费下载链接】openscreenCreate stunning demos for free. Open-source, no subscriptions, no watermarks, and free for commercial use. An alternative to Screen Studio.项目地址: https://gitcode.com/GitHub_Trending/open/openscreen你要做一段产品演示发到 X、Reddit 或 YouTube 上。录屏工具里Screen Studio 每月要 29 美元免费工具又爱加水印。OpenScreen 就是干这个的一款免费开源的屏幕录制加剪辑工具MIT 协议个人和商业使用都不花钱也没有任何付费档位。下面按「装好 → 第一次录制 → 剪出成片」的顺序走一遍全程只用必需命令。 安装步骤三个系统第一次跑起 OpenScreen这一节的目标只有一个让npm run dev成功弹出应用窗口。先准备环境。仓库锁定的是Node.js 22package.json 中固定为 22.22.1和npm 10.9.4版本不对大概率装不上依赖。确认一下node -v # 应显示 v22.x然后克隆仓库、装依赖、启动git clone https://gitcode.com/GitHub_Trending/open/openscreen cd openscreen npm install # 安装依赖 npm run dev # 开发模式启动Vite Electron支持热重载npm run dev会同时起前端和 Electron 主进程窗口弹出即启动成功。以后要打正式安装包用npm run build先跑tsc类型检查再用 electron-builder 打包。首次启动时注意一件事macOS 和 Windows 会弹系统权限请求屏幕录制权限必须授予否则后面的录制源列表会是空的。macOS 还需要「辅助功能」权限。 首次体验从启动窗到第一段录屏第一次用它最短路径是录一段 10 秒的屏幕然后看回放5 步走完选录制源启动窗打开后点录制源选择器。列表分两个标签Screens 里是当前显示器Windows 里是各个应用窗口全屏或单窗口二选一。开音频与摄像头控制栏上按需打开系统音频录电脑里的声音、麦克风录你的讲解、摄像头画中画可拖位置、镜像、换形状。点红色录制按钮倒计时后开始录。悬浮工具栏HUD可以点「Hide HUD」藏起来避免录进画面。过程中随时暂停需要停顿时点暂停讲完再恢复录错了可以取消重来已录内容会丢所以重要的演示先默念一遍流程。结束进编辑器点停止后自动跳到编辑界面这一段录屏就躺在时间轴上了。OpenScreen 屏幕录制的启动界面悬浮控制栏负责选源、开关音频和摄像头不遮挡屏幕内容。✂️ 核心流程把录屏剪成能直接发的演示视频主线就一条录制 → 时间轴剪辑 → 导出。录制的参数在启动窗里已经配完真正花时间在中间的剪辑环节下面拆成三个关键点。时间轴上只留下有用的部分时间轴在界面底部片段可以直接拖动排序。裁剪用快捷键T添加 trim配合轨道上的吸附辅助线和音频波形剪切点能对齐到说话的节奏。想精确到帧用 ← / → 逐帧步进Ctrl 滚轮缩放时间轴。删错了按 Ctrl Z 撤销随时兜底。镜头和背景做出产品感自动缩放会跟着你的光标移动演示类视频基本不用手动加镜头需要强调某个区域时按Z加手动缩放深度、时长、缓动都能调。背景模块给四条路内置壁纸public/wallpapers/里有 18 张分辨率最高到 7680x7680、纯色、渐变、或上传自己的图。运动模糊、阴影、圆角这些开关在右侧效果面板里打开后平移和缩放会明显更顺。OpenScreen 的编辑界面底部时间轴负责裁剪和调速右侧面板管背景与特效。导出MP4 还是 GIF点导出后选格式和画幅比例质量档对应输出分辨率Source 跟原片一致High 是 1080pMedium 是 720p码率按分辨率自动计算不用手动填。GIF 适合丢到社交媒体MP4 是通用选择。导出过程有进度条完成后可以直接在文件夹里定位文件。用 OpenScreen 录制的成品示例自动缩放、平滑光标和背景虚化就是上面那几个开关的效果。 实用技巧集5 个不显眼但好用的功能本机自动字幕对录到的讲解语音自动生成字幕模型在本地跑离线可用音频不出机器。自定义光标主题public/cursors/内置 17 套主题黑像素、霓虹耿鬼、粉色像素等录制时选「editable cursor」光标形状、平滑度、点击特效都可调。快捷键全可改Z缩放、T裁剪、S变速、A标注、B模糊、F关键帧这些编辑快捷键在设置里可以重新绑定冲突检测会帮你挡住撞车的键。逐帧精修← / → 单帧步进配合 Ctrl 滚轮缩放时间轴做片头定格、卡点剪辑时比拖进度条准得多。竖版工具栏HUD 支持切换竖排vertical tray录屏边窄时不挡内容。 避坑与排障三个高频问题的查法1. 录制源列表是空的一个窗口都没有现象选源器里 Screens 和 Windows 标签全空。 依次检查是否刚授予屏幕录制权限 → 是否刚装完 App 没重启。 解决办法源选择器里有重试入口直接 reloadmacOS 上如果 reload 还不行把 OpenScreen 整个退出再打开。升级旧版本后出现同样问题时去系统设置的隐私与权限里删掉 OpenScreen 的旧条目重新授权。2. 录出来的视频没有系统声音现象麦克风音正常电脑播放的声音没录进去。 依次检查操作系统版本 | 平台 | 系统音频要求 | |------|------| | macOS | 13 以上14.2 以上会弹音频捕获授权 | | Windows | 默认可用 | | Linux | 需要 PipeWireUbuntu 22.04、Fedora 34 自带 |解决办法系统版本够就补授权不够的话只能用麦克风音这是系统限制不是设置问题。3. Linux 下 AppImage 启动报 sandbox 错误现象终端里直接启动 AppImage 失败提示沙箱相关错误。 解决办法带--no-sandbox参数运行即可。另外 Linux 走的是浏览器录屏管线只能拿到光标位置光标主题和点击特效这类功能只在 macOS / Windows 的原生管线上可用属于平台差异不用排查。 扩展入口想动手改的时候去这几个目录语言包src/i18n/locales/下已有 13 种语言含简繁中文每语言 7 个 JSON 文件改完可以跑npm run i18n:check校验翻译键是否齐全。导出管线src/lib/exporter/里按职责拆好了文件分辨率与码率逻辑在mp4ExportSettings.tsGIF 在gifExporter.ts帧渲染在frameRenderer.ts想加新格式从这里入手。编辑器界面src/components/video-editor/是时间轴、标注、导出弹窗的 React 组件时间轴子组件在timeline/下。原生采集electron/native/下是 macOS 的 Swift 端ScreenCaptureKit和 Windows 的 C 端WGC 采集架构说明见 docs/architecture/native-bridge.md。从录到剪到导出OpenScreen 把演示视频这条链路做完了而且没有一分钱门槛。现在就去录第一段 10 秒的屏幕试试剪完导出来你会发现它离能直接发只差几个开关。【免费下载链接】openscreenCreate stunning demos for free. Open-source, no subscriptions, no watermarks, and free for commercial use. An alternative to Screen Studio.项目地址: https://gitcode.com/GitHub_Trending/open/openscreen创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考