Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/zh-CN/docs/Web/HTML/Reference/Attributes/capture below:

HTML 属性：capture - HTMLï¼ˆè¶…æ–‡æœ¬æ ‡è®°è¯è¨€ï¼‰ | MDN

Limited availability

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

可用值包括 user 和 environment，该属性支持 file 输入类型。

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

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

<label for="selfie">Take a picture of your face:</label>

<input type="file" id="selfie" name="selfie" accept="image/*" capture="user" />

<label for="picture">Take a picture using back facing camera:</label>

<input
  type="file"
  id="picture"
  name="picture"
  accept="image/*"
  capture="environment" />

label {
  display: block;
  margin-top: 1rem;
}

input {
  margin-bottom: 1rem;
}

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

<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>

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4