屏幕录制 使用教程
详细使用指南、最佳实践与常见问题解答
使用场景
屏幕录制工具适用于制作软件教程、Bug 重现视频、在线会议录制、游戏精彩瞬间、网页演示等场景。当需要在浏览器中快速录制屏幕,不想安装 OBS、Bandicam 等重量级软件时,这个工具能立即上手。
Use Cases
The Screen Recorder is useful for software tutorials, bug reproduction videos, online meeting recording, gaming highlights, web demos, etc. When you need to record your screen in the browser without installing OBS or Bandicam, this tool gets you started instantly.
功能特点
- 自定义码率:1 Mbps(流畅)到 5 Mbps(高清)预设,或自定义 0.1-50 Mbps
- 自定义分辨率:720p / 1080p / 1440p / 原生(跟随屏幕)
- 自定义帧率:10-240 FPS 滑块调节(实际受显示器与录制源限制)
- 视频格式:WebM (VP9/VP8) 或 MP4 (H.264),运行时自动过滤不可用项
- 音频来源:无 / 系统音频 / 麦克风 / 系统+麦克风
- 实时状态:录制时长、当前文件大小、暂停/继续
- 本地处理:所有数据保存在浏览器,录制结束直接下载
Features
- Custom bitrate: 1 Mbps (smooth) to 5 Mbps (HD) presets, or custom 0.1-50 Mbps
- Custom resolution: 720p / 1080p / 1440p / Native
- Custom frame rate: 10-240 FPS slider (actual FPS limited by display and capture source)
- Video format: WebM (VP9/VP8) or MP4 (H.264), unavailable options auto-filtered
- Audio source: None / System / Microphone / System + Mic
- Live stats: duration, file size, pause/resume
- Local processing: all data stays in browser; download directly when done
使用示例
示例 1：场景一:录制软件教程 — 选 1080p + 30 FPS + MP4 + 麦克风,边操作边讲解,完成后下载分享给同事。
示例 2：场景二:Bug 重现 — 选 720p + 15 FPS + WebM + 系统音频,文件小,适合提交到工单系统。
示例 3：场景三:游戏录制 — 选 1080p + 60 FPS + WebM(VP9)+ 系统音频,高帧率捕捉精彩瞬间。
Examples
Example 1: Scenario 1: Software tutorial — 1080p + 30 FPS + MP4 + Mic, narrate while operating, download and share with colleagues.
Example 2: Scenario 2: Bug repro — 720p + 15 FPS + WebM + System Audio, small file size for ticket systems.
Example 3: Scenario 3: Gaming — 1080p + 60 FPS + WebM (VP9) + System Audio, capture highlights at high frame rate.
最佳实践
- 一般教程用 1080p + 30 FPS + 2.5 Mbps,平衡清晰度与文件大小
- 录制前关闭无关程序,避免系统资源占用导致掉帧
- 录制系统音频需 Chrome/Edge 且选"整个屏幕"(不支持 macOS)
- 长时间录制建议每 30 分钟停止保存一次,避免浏览器内存压力
- WebM 文件可在 Chrome/Firefox/Edge 直接播放,如需 MP4 可直接在格式中选择或用 ffmpeg 转码
- 帧率超过显示器刷新率(通常 60/120/144 Hz)无意义,会浪费带宽
Best Practices
- For tutorials use 1080p + 30 FPS + 2.5 Mbps for balanced quality and size
- Close unrelated apps before recording to reduce frame drops
- System audio requires Chrome/Edge with "Entire Screen" (not supported on macOS)
- For long recordings, stop and save every 30 minutes to avoid browser memory pressure
- WebM plays natively in Chrome/Firefox/Edge; pick MP4 in format selector or convert via ffmpeg
- FPS higher than display refresh rate (typically 60/120/144 Hz) is wasteful — no benefit
常见问题
为什么 macOS 录不到系统音频?
macOS 的 CoreAudio 不向浏览器开放系统音频捕获,这是系统限制。建议用麦克风录制,或使用 OBS 等原生工具。
录制的视频是 MP4 还是 WebM?
可在"视频格式"下拉框中选择。Chrome/Edge 通常都支持,Safari 主要支持 MP4。WebM 体积更小质量更高,MP4 兼容性更广。
可以录制指定窗口吗?
可以。点击"开始录制"后浏览器会弹出选择对话框,可选整个屏幕、应用窗口或浏览器标签页。
录制时长有限制吗?
理论上无限制,但浏览器内存会随录制时长增长,建议单次不超过 1 小时。
为什么我选不到 240 FPS?
实际可用帧率受显示器刷新率(常见 60/120/144 Hz)与录制源共同限制。即使滑块设到 240,实际输出仍可能只有 30/60。建议根据显示器选 60 或 120 即可。
FAQ
Why can't macOS capture system audio?
macOS CoreAudio does not expose system audio capture to browsers — a system limitation. Use a microphone or native tools like OBS.
Is the output MP4 or WebM?
You can choose in the "Video Format" dropdown. Chrome/Edge usually support both; Safari mainly supports MP4. WebM is smaller and higher quality; MP4 has wider compatibility.
Can I record a specific window?
Yes. After clicking "Start Recording", the browser prompts you to choose entire screen, application window, or browser tab.
Is there a recording length limit?
Theoretically no, but browser memory grows with duration; recommend keeping single sessions under 1 hour.
Why can't I get 240 FPS?
Actual FPS is limited by display refresh rate (typically 60/120/144 Hz) and capture source. Even if the slider is set to 240, output may only be 30/60. Stick to 60 or 120 based on your display.