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 aufgenommen werden soll und welches Gerät verwendet werden soll, um die neue Medienaufnahme eines Typs zu erfassen, der durch das accept-Attribut definiert wird.

Zu den Werten gehören user und environment. Das capture-Attribut wird im file Eingabetyp unterstützt.

Das capture-Attribut nimmt als Wert eine Zeichenkette an, die angibt, welche Kamera für die Aufnahme von Bild- oder Videodaten verwendet werden soll, wenn das accept-Attribut angibt, dass die Eingabe einer dieser Typen sein soll.

Wert Beschreibung
user Die benutzerseitige Kamera und/oder das Mikrofon sollen verwendet werden.
environment Die nach außen gerichtete Kamera und/oder das Mikrofon sollen verwendet werden.

Hinweis: Capture war zuvor ein Boolesches Attribut, das, wenn es vorhanden war, verlangte, dass das Medienaufnahmegerät des Geräts, wie Kamera oder Mikrofon, verwendet wird, anstatt eine Dateieingabe anzufordern.

Probieren Sie es aus

Beispiele

Wenn es auf einem Datei-Eingabetyp gesetzt ist, zeigen Betriebssysteme mit Mikrofonen und Kameras eine Benutzeroberfläche an, die die Auswahl einer bestehenden Datei oder das Erstellen einer neuen ermöglicht.

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>

Beachten Sie, dass dies auf mobilen Geräten besser funktioniert; wenn Ihr Gerät ein Desktop-Computer ist, erhalten Sie wahrscheinlich einen typischen Dateiauswahldialog.

Spezifikationen

Specification
HTML Media Capture
# dfn-capture

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch