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 的瀏覽器中載入。

另請參閱