Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTML-Attribut: capture
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Dascapture-Attribut gibt optional an, dass eine neue Datei erfasst werden soll und welches Gerät verwendet werden soll, um das neue Medium eines vomaccept-Attribut definierten Typs zu erfassen.
Zu den Werten gehörenuser undenvironment. Dascapture-Attribut wird für denfile Eingabetyp unterstützt.
Dascapture-Attribut nimmt als Wert eine Zeichenkette an, die angibt, welche Kamera zur Erfassung von Bild- oder Videodaten verwendet werden soll, falls dasaccept-Attribut angibt, dass die Eingabe einer dieser Typen sein sollte.
| Wert | Beschreibung |
|---|---|
user | Die zur Benutzerseite gerichtete 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 boolesches Attribut, das bei Vorhandensein anforderte, dass das Medienerfassungsgerät des Geräts, wie Kamera oder Mikrofon, anstelle der Anforderung einer Dateieingabe verwendet wird.
Probieren Sie es aus
<label for="selfie">Take a picture of your face:</label><input type="file" name="selfie" accept="image/*" capture="user" /><label for="picture">Take a picture using back facing camera:</label><input type="file" name="picture" accept="image/*" capture="environment" />label { display: block; margin-top: 1rem;}input { margin-bottom: 1rem;}Beispiele
Wenn es auf einen Datei-Eingabetyp gesetzt ist, zeigen Betriebssysteme mit Mikrofonen und Kameras eine Benutzeroberfläche, die die Auswahl aus einer vorhandenen Datei oder das Erstellen einer neuen Datei ermöglicht.
<p> <label for="soundFile">What does your voice sound like?:</label> <input type="file" capture="user" accept="audio/*" /></p><p> <label for="videoFile">Upload a video:</label> <input type="file" capture="environment" accept="video/*" /></p><p> <label for="imageFile">Upload a photo of yourself:</label> <input type="file" capture="user" accept="image/*" /></p>Beachten Sie, dass diese Funktion auf mobilen Geräten besser funktioniert. Wenn Ihr Gerät ein Desktop-Computer ist, wird wahrscheinlich ein typischer Dateiauswahldialog angezeigt.
Spezifikationen
| Specification |
|---|
| HTML Media Capture # dfn-capture |