HTML 属性:capture

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

capture 属性可选地指定应捕获一个新文件,以及应使用哪个设备捕获 accept 属性所定义类型的新媒体。

可用值包括 userenvironment,该属性支持 file 输入类型。

如果 accept 属性指示输入应为图像或视频数据类型之一,则 capture 属性的值为一个字符串,用于指定使用哪个摄像头捕获图像或视频数据。

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

备注: capture 以前是一个布尔属性,如果存在,则要求使用设备自身的媒体捕捉设备(如摄像头或麦克风),而不是要求输入文件。

尝试一下

示例

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

html
<p>
  <label for="soundFile">你的声音是什么样的:</label>
  <input type="file" id="soundFile" capture="user" accept="audio/*" />
</p>
<p>
  <label for="videoFile">上传一个视频:</label>
  <input type="file" id="videoFile" capture="environment" accept="video/*" />
</p>
<p>
  <label for="imageFile">上传一张自己的照片:</label>
  <input type="file" id="imageFile" capture="user" accept="image/*" />
</p>

请注意,这些功能在移动设备上更好用;如果你的设备是台式电脑,你可能会得到一个典型的文件选择器。

规范

Specification
HTML Media Capture
# dfn-capture

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
capture

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

参见