Nos bénévoles n'ont pas encore traduit cet article en Français. Inscrivez-vous et aidez-nous à réaliser cette tâche !
Vous pouvez également lire cet article en English (US).

The MediaDevicesInfo interface contains information that describes a single media input or output device. The list of devices obtained by calling navigator.mediaDevices.enumerateDevices() is an array of MediaDeviceInfo objects, one per media device.


MediaDeviceInfo.deviceIdRead only
Returns a DOMString that is an identifier for the represented device that is persisted across sessions. It is un-guessable by other applications and unique to the origin of the calling application. It is reset when the user clears cookies (for Private Browsing, a different identifier is used that is not persisted across sessions).
MediaDeviceInfo.groupIdRead only
Returns a DOMString that is a group identifier. Two devices have the same group identifier if they belong to the same physical device — for example a monitor with both a built-in camera and a microphone.
MediaDeviceInfo.kindRead only
Returns an enumerated value that is either "videoinput", "audioinput" or "audiooutput".
MediaDeviceInfo.labelRead only
Returns a DOMString that is a label describing this device (for example "External USB Webcam").

For security reasons, the label field is always blank unless an active media stream exists or the user has granted persistent permission for media device access. The set of device labels could otherwise be used as part of a fingerprinting mechanism to identify a user.




Here's an example that uses enumerateDevices() to get a list of devices.

if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
  console.log("enumerateDevices() not supported.");

// List cameras and microphones.

.then(function(devices) {
  devices.forEach(function(device) {
    console.log(device.kind + ": " + device.label +
                " id = " + device.deviceId);
.catch(function(err) {
  console.log( + ": " + error.message);

This might produce:

videoinput: id = csO9c0YpAf274OuCPUA53CNE0YHlIr2yXCi+SqfBZZ8=
audioinput: id = RKxXByjnabbADGQNNZqLVLdmXlS0YkETYCIbg+XxnvM=
audioinput: id = r2/xw1xUPIyZunfV1lGrKOma5wTOvCkWfZ368XCndm0=

or if one or more media streams are active, or if persistent permissions have been granted:

videoinput: FaceTime HD Camera (Built-in) id=csO9c0YpAf274OuCPUA53CNE0YHlIr2yXCi+SqfBZZ8=
audioinput: default (Built-in Microphone) id=RKxXByjnabbADGQNNZqLVLdmXlS0YkETYCIbg+XxnvM=
audioinput: Built-in Microphone id=r2/xw1xUPIyZunfV1lGrKOma5wTOvCkWfZ368XCndm0=


Specification Status Comment
Media Capture and Streams
The definition of 'MediaDevicesInfo' in that specification.
Candidate Recommendation Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support551 Yes39 No ?2 No
deviceId5511239 No ?2 No
groupId5511239 No ?2 No
kind5511239 No ?2 No
label5511239 No ?2 No
toJSON ? ? ? ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support551551 Yes39 ?2 No6.0
deviceId551551 Yes39 ?2 No6.0
groupId551551 Yes39 ?2 No6.0
kind551551 Yes39 ?2 No6.0
label551551 Yes39 ?2 No6.0
toJSON ? ? ? ? ? ? ?

1. For earlier versions, this interface is available through the adapter.js polyfill

2. This interface is available in Opera through the adapter.js polyfill.

See also

Étiquettes et contributeurs liés au document

Contributeurs à cette page : fscholz, Sheppy, chrisdavidmills, libbymc, jpmedley, rolfedh, Sebastianz
Dernière mise à jour par : fscholz,