OpenScreen屏幕录制与视频编辑快速上手指南:10分钟录出产品演示
2026/9/1 8:50:04 网站建设 项目流程

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

如果你被 Screen Studio 的月租订阅劝退,想找一个免费、开源、可商用的屏幕录制工具,OpenScreen 能补上这个位:录整屏或单个窗口、加光标高亮和自动字幕、直接导出 MP4,全程没有水印和付费墙。下面我带你从零走完录制、编辑、导出一条视频的完整流程。

免配置启动:克隆仓库跑起来

OpenScreen 是一个 Node 项目,先装好 Node 22(仓库 package.json 里声明的就是 22 版本线),然后在终端依次敲入:

git clone https://gitcode.com/GitHub_Trending/open/openscreen cd openscreen npm install npm run dev

接着等依赖装完、npm run dev把开发服务拉起来,OpenScreen 的窗口就会弹出来。首次启动它会申请屏幕录制权限,macOS 用户可能还要额外授予辅助功能权限,点允许就好;如果检测到你的系统语言不是英文,它会顺手问一句要不要切换,随意选。这时候你看到的就是录制启动界面:一个悬浮控制条,排着录屏源、系统声音、麦克风、摄像头、光标等一排图标,没有多余的菜单。更多平台相关的安装细节可以看官方 README。

第一次完整录制:从选源到导出成片

在启动界面点一下控制条上的显示器图标(选择录屏源),会弹出一个选择器,里面按"屏幕"和"窗口"两组列好了你当前所有可用的捕获对象。想做全屏演示就选屏幕,只想展示某一个应用窗口就选对应窗口。选定后回到控制条,顺手把系统声音和麦克风按需打开,旁边的电平表会实时跳动,一眼就能确认声音是否进来了。

这时候点红色录制按钮,录制就开始了。中间说岔了嘴,点暂停按钮计时会停住,缓过来再点播放继续;想推倒重来,控制条上的重启按钮会直接结束当前这条并开新的一条。录完点停止,画面直接进入编辑器(Studio)。

编辑器底部就是时间轴,刚才录的那条片段躺在上面,拖动两端可以裁剪,也可以切分成多段单独调速。右侧是设置面板,背景、光标、动效都在这里调。第一遍不用折腾它:直接点右下角的"Export Video",格式选 MP4,分辨率保持默认,点导出,视频就会写到本地。打开文件,你的第一条演示视频就齐活了。

让成片更顺手:背景、光标与字幕

想让视频不那么"裸",花点时间改右侧设置面板即可:把背景换成渐变或内置壁纸(仓库 public/wallpapers/ 下有一堆现成的),圆角和阴影拉满,画面立刻像那么回事。这些面板逻辑都集中在 src/components/video-editor/,想深挖改法可以从这里入手。

想让光标带节奏的话,打开光标高亮和点击效果,再配合自动变焦——它会在你操作时自动推近光标位置,关键动作不会被观众错过。想给配音上字幕的话,自动字幕功能在本地跑模型,不上传视频,断网也能用。如果嫌每次操作太慢,快捷键都可以重绑,默认列表在 src/lib/shortcuts.ts,顺手把加变焦、加标注绑到常用键上。

卡住了?三个高频问题的解法

  • 现象:选录屏源时看不到任何屏幕或窗口。原因:系统没授予屏幕录制权限,macOS 上尤其常见。一句话解决:到系统设置里给终端或应用授予屏幕录制权限,然后重启 OpenScreen。

  • 现象:麦克风有声音,但系统声音没录进去。原因:macOS 14.2+ 需要单独授予音频捕获权限,老系统则不支持。一句话解决:授予音频权限后重启应用;Windows 上是开箱即用的,检查下是否误关了系统声音开关。

  • 现象:导出失败或长时间没反应。原因:分辨率、质量开得过高,或者磁盘空间不够。一句话解决:在导出弹窗里降一档分辨率和质量,顺手清下磁盘再导。


OpenScreen 适合任何想发产品演示、教程视频却不想付订阅费的人:今天把仓库跑起来,录一条短演示,换个背景导出,你就拿到了第一支没有水印的免费成片。

【免费下载链接】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),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询