摄像头视图
在线分享、录制课程时,观众希望看到演讲者的画面。Slidev 内置摄像头视图,支持画中画(Picture-in-Picture)等多种展示方式,开箱即用。
摄像头类型
Slidev 提供三种摄像头展示模式,通过 Frontmatter 的 cameraType 配置:
yaml
---
cameraType: pip
---| 模式 | 值 | 效果 |
|---|---|---|
| 关闭 | none | 不启用摄像头(默认) |
| 画中画 | pip | 画面悬浮在幻灯片角落,可拖动缩放 |
| 全屏同显 | direct | 摄像头画面以整页显示,适合专门的「出镜页」 |
画中画模式
最常用。摄像头画面以一个悬浮小窗叠加在幻灯片上:
- 画面不遮挡主要内容,默认置于角落
- 可拖动调整位置
- 可缩放大小
- 讲解时观众能同时看到「幻灯片 + 你的脸」
直接模式
摄像头画面占满整张幻灯片,适合:
- 开场自我介绍页
- 结束致谢页
- 需要全程露脸讲解的页面
开启摄像头
| 方式 | 操作 |
|---|---|
| 快捷键 | 按 c 切换摄像头开关 |
| 工具栏 | 点击工具栏的摄像头图标 |
首次开启会请求浏览器摄像头权限,点击「允许」即可。再次按 c 关闭。
位置与大小调整
画中画窗口可拖拽、可缩放:
| 操作 | 方式 |
|---|---|
| 移动位置 | 按住画面拖拽 |
| 调整大小 | 拖动画面角落手柄 |
| 切换角落 | 双击画面,自动吸附到四个角落切换 |
调整结果在本次演示会话内生效,方便针对不同布局微调。
演示中分享摄像头视图
两种场景:
- 本地演示:开启画中画,观众(线下或共享屏幕)即可看到画面
- 远程分享:配合会议软件共享浏览器窗口,摄像头画面自然同步
- 录制视频:开启录制后,摄像头画面会被录进视频,课程/回放必备
注意事项:
- 画中画画面是叠加层,不改变幻灯片本身
- 演示结束后建议关闭摄像头,避免隐私泄露
- 共享屏幕时确保浏览器窗口可见,否则画面不被共享
多摄像头支持
cameraType 支持数组配置,指定多个摄像头设备,演示时按 c 切换:
yaml
---
cameraType:
- pip
- direct
---实际演示时可以通过快捷键在不同摄像头设备之间切换(如果系统连接多个摄像头):
| 快捷键 | 功能 |
|---|---|
c | 开/关摄像头 |
Shift+c | 切换摄像头设备 |
浏览器会记住你选择的设备,刷新后保持。
配置项汇总
| 配置项 | 说明 | 示例 |
|---|---|---|
cameraType | 摄像头模式 | pip / direct / none |
| 多摄像头 | 设备数组 | [pip, direct] |
camera | 指定设备 ID | 选填,默认系统默认设备 |
使用建议
- 分享必开画中画:小窗不挡内容,观众注意力聚焦幻灯片
- 开场与结尾用 direct:露脸拉近距离,增强亲和力
- 录制课程必须开启:人脸画面让课程更生动、更可信
- 提前测试设备:分享前先开一次摄像头,确认画面与麦克风正常
摄像头视图让 Slidev 演示兼具「内容展示」与「真人出镜」,是线上分享、课程录制的标配能力。