Attribut HTML : capture

Limited availability

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

L'attributcapture indique, de façon optionnelle, qu'un nouveau fichier doit être capturé et quel appareil doit être utilisé pour capturer ce nouveau média, dont le type est défini par l'attributaccept.

Les valeurs possibles sontuser etenvironment. L'attribut capture est pris en charge sur le type d'entréefile.

L'attributcapture prend comme valeur une chaîne qui spécifie quelle caméra utiliser pour la capture d'image ou de vidéo, si l'attributaccept indique que l'entrée doit être de l'un de ces types.

Valeur	Description
`user`	La caméra et/ou le microphone faisant face à l'utilisateur·ice devraient être utilisés.
`environment`	La caméra et/ou le microphone orientés vers l'extérieur devraient être utilisés.

Note :Capture était auparavant un attribut booléen qui, lorsqu'il était présent, indiqué que les périphériques de capture de l'appareil (comme la caméra ou le micro) devaient être utilisés plutôt que de demander à l'utilisateur·ice de sélectionner un fichier.

Exemple interactif

<label for="selfie">Prenez une photo de votre visage&nbsp;:</label><input type="file" name="selfie" accept="image/*" capture="user" /><label for="picture">Prenez une photo avec la caméra arrière&nbsp;:</label><input  type="file"   name="picture"  accept="image/*"  capture="environment" />

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

Exemples

Lorsqu'ils sont définis sur un type d'entrée de fichier, les systèmes d'exploitation dotés de microphones et de caméras affichent une interface utilisateur permettant la sélection à partir d'un fichier existant ou la création d'un nouveau fichier.

html

<p>  <label for="soundFile">Quel est le son de votre voix&nbsp;?</label>  <input type="file" capture="user" accept="audio/*" /></p><p>  <label for="videoFile">Téléchargez une vidéo&nbsp;:</label>  <input type="file" capture="environment" accept="video/*" /></p><p>  <label for="imageFile">Téléchargez une photo de vous&nbsp;:</label>  <input type="file" capture="user" accept="image/*" /></p>

Notez que ceux-ci fonctionnent mieux sur les appareils mobiles ; si votre appareil est un ordinateur de bureau, vous obtiendrez probablement un sélecteur de fichiers classique.