录制功能
写好的演示文稿需要录成视频分享?Slidev 内置了基于 RecordRTC 的录制功能,无需第三方软件,浏览器内一键完成「屏幕 + 摄像头 + 音频」的同步录制。
启用录制
| 方式 | 操作 |
|---|---|
| 快捷键 | 按 r |
| 工具栏 | 点击工具栏的录制图标 |
按下后进入录制状态:
- 浏览器弹出屏幕共享请求,选择要录制的窗口(建议选当前浏览器窗口)
- 可选勾选分享摄像头,将摄像头画面一同录入
- 点击「开始录制」
RecordRTC 集成
录制由浏览器内置的 RecordRTC 库驱动,无需额外安装:
- 基于 WebRTC 的 MediaRecorder API
- 无需下载任何软件,浏览器即录即得
- 录制数据实时保存到本地
屏幕 + 摄像头同步录制
录制启动时可同时选择屏幕与摄像头:
| 录制源 | 效果 |
|---|---|
| 屏幕(必选) | 幻灯片内容 + 演讲动画 + 绘图标注 |
| 摄像头(可选) | 演讲者画面(画中画显示) |
| 麦克风(可选) | 语音讲解 |
三项同步录入,回放时能看到「幻灯片 + 人脸 + 声音」的完整演示过程,适合制作课程、培训视频。
录制控制
录制过程中顶部出现控制条:
| 操作 | 方式 |
|---|---|
| 暂停 | 点击暂停按钮 |
| 继续 | 点击继续按钮 |
| 停止 | 点击停止按钮(或按 r) |
停止后浏览器自动下载录制文件。
录制格式 WEBM
录制文件默认保存为 WEBM 格式:
| 属性 | 说明 |
|---|---|
| 扩展名 | .webm |
| 视频编码 | VP8/VP9 |
| 容器 | WebM |
| 兼容性 | Chrome/Edge 原生支持,多数播放器可播 |
WEBM 文件体积较小,适合网络传播;如需 MP4,可用格式转换工具或 slidev export 的 --format mp4(需安装 ffmpeg)另做转换。
录制文件管理与回放
- 录制停止后文件自动下载到浏览器默认下载目录
- 可直接用系统播放器或浏览器打开回放
- 文件命名默认包含演示文稿标题与时间戳
- 需要归档时建议按「日期 + 主题」重命名后统一存放
配置录制
通过 Frontmatter 的 recordrtc 配置项微调录制行为:
yaml
---
recordrtc:
type: video
frameRate: 30
---| 配置项 | 说明 |
|---|---|
type | 录制类型:video / audio |
frameRate | 帧率,默认 30 |
注意事项
- 浏览器要求:录制依赖 WebRTC,Chrome/Edge 支持最完整;部分浏览器(如旧版 Safari)可能受限
- 授权必选:屏幕共享与摄像头、麦克风权限需全部允许,否则录制内容缺失
- 演示节奏:录制过程会真实播放动画与点击步骤,演练一次再正式录制更稳妥
- 隐私:录制停止后检查摄像头已关闭,避免误录
录制功能让「做好幻灯片」与「产出视频」一步到位,是课程制作、技术分享复播、验收演示的高效工具。