HTML-Attribut: capture
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das capture-Attribut gibt an, dass optional eine neue Datei erfasst werden soll und welches Gerät für die Erfassung des neuen Mediums verwendet werden soll, welches durch das accept-Attribut definiert ist.
Zu den Werten gehören user und environment. Das capture-Attribut wird beim file-Eingabetyp unterstützt.
Das capture-Attribut nimmt als Wert einen String an, der angibt, welche Kamera zur Erfassung von Bild- oder Videodaten verwendet werden soll, sofern das accept-Attribut angibt, dass die Eingabe einer dieser Typen sein soll.
| Wert | Beschreibung |
|---|---|
user |
Die benutzergerichtete Kamera und/oder das Mikrofon sollten verwendet werden. |
environment |
Die nach außen gerichtete Kamera und/oder das Mikrofon sollten verwendet werden. |
Hinweis: Capture war zuvor ein Boolean-Attribut, das, falls vorhanden, verlangte, dass das Medienerfassungsgerät des Geräts wie Kamera oder Mikrofon anstelle eines Datei-Inputs verwendet wird.
Probieren Sie es aus
<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;
}
Beispiele
Wenn es bei einem Dateieingabetyp gesetzt ist, werden Betriebssysteme mit Mikrofonen und Kameras eine Benutzeroberfläche anzeigen, die die Auswahl aus einer vorhandenen Datei oder die Erstellung einer neuen ermöglicht.
<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>
Beachten Sie, dass diese auf mobilen Geräten besser funktionieren; wenn Ihr Gerät ein Desktop-Computer ist, erhalten Sie wahrscheinlich einen typischen Dateiauswahldialog.
Spezifikationen
| Specification |
|---|
| HTML Media Capture # dfn-capture |