HTML 属性：capture

可用性有限

此功能不是基线，因为它在一些最广泛使用的浏览器中不起作用。

capture 属性指定是否应捕获新文件，以及应使用哪个设备捕获由 accept 属性定义的类型的该新媒体。

值包括 user 和 environment。capture 属性在 file 输入类型上受支持。

capture 属性以字符串作为其值，该字符串指定用于捕获图像或视频数据的哪个摄像头，如果 accept 属性指示输入应为这些类型之一。

值 描述
user 应使用面向用户的摄像头和/或麦克风。
environment 应使用面向外的摄像头和/或麦克风

注意：Capture 以前是布尔属性，如果存在，则请求使用设备的媒体捕获设备（如摄像头或麦克风）而不是请求文件输入。

试一试

示例

在文件输入类型上设置时，具有麦克风和摄像头的操作系统将显示一个用户界面，允许从现有文件或创建新文件进行选择。

html
<p>
  <label for="soundFile">What does your voice sound like?:</label>
  <input type="file" id="soundFile" capture="user" accept="audio/*" />
</p>
<p>
  <label for="videoFile">Upload a video:</label>
  <input type="file" id="videoFile" capture="environment" accept="video/*" />
</p>
<p>
  <label for="imageFile">Upload a photo of yourself:</label>
  <input type="file" id="imageFile" capture="user" accept="image/*" />
</p>

请注意，这些在移动设备上效果更好；如果您的设备是台式电脑，您可能会看到一个典型的文件选择器。

规范

规范
HTML 媒体捕获
# dfn-capture

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅