MediaDeviceInfo

The MediaDeviceInfo 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.

Properties

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.

Methods

None.

Example

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

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

// List cameras and microphones.

navigator.mediaDevices.enumerateDevices()
.then(function(devices) {
  devices.forEach(function(device) {
    console.log(device.kind + ": " + device.label +
                " id = " + device.deviceId);
  });
})
.catch(function(err) {
  console.log(err.name + ": " + err.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=

Specifications

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

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
MediaDeviceInfoChrome Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Edge Full support ≤18Firefox Full support 39IE No support NoOpera No support No
Notes
No support No
Notes
Notes This interface can be used in Opera by using the adapter.js polyfill.
Safari No support NoWebView Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Chrome Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Firefox Android Full support 39Opera Android No support No
Notes
No support No
Notes
Notes This interface can be used in Opera by using the adapter.js polyfill.
Safari iOS No support NoSamsung Internet Android Full support 6.0
Notes
Full support 6.0
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
deviceIdChrome Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Edge Full support 12Firefox Full support 39IE No support NoOpera No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari No support NoWebView Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Chrome Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Firefox Android Full support 39Opera Android No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari iOS No support NoSamsung Internet Android Full support 6.0
Notes
Full support 6.0
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
groupIdChrome Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Edge Full support 12Firefox Full support 39
Notes
Full support 39
Notes
Notes Prior to Firefox 67, related devices are not actually grouped together by groupId.
IE No support NoOpera No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari No support NoWebView Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Chrome Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Firefox Android Full support 39
Notes
Full support 39
Notes
Notes Prior to Firefox 67, related devices are not actually grouped together by groupId.
Opera Android No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari iOS No support NoSamsung Internet Android Full support 6.0
Notes
Full support 6.0
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
kindChrome Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Edge Full support 12Firefox Full support 39IE No support NoOpera No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari No support NoWebView Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Chrome Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Firefox Android Full support 39Opera Android No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari iOS No support NoSamsung Internet Android Full support 6.0
Notes
Full support 6.0
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
labelChrome Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Edge Full support 12Firefox Full support 39IE No support NoOpera No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari No support NoWebView Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Chrome Android Full support 55
Notes
Full support 55
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
Firefox Android Full support 39Opera Android No support No
Notes
No support No
Notes
Notes This property can be used in Opera by using the adapter.js polyfill.
Safari iOS No support NoSamsung Internet Android Full support 6.0
Notes
Full support 6.0
Notes
Notes For earlier versions, this interface is available through the adapter.js polyfill
toJSON()Chrome Full support YesEdge Full support 18Firefox Full support YesIE No support NoOpera No support No
Notes
No support No
Notes
Notes For earlier versions, this method is available through the adapter.js polyfill
Safari No support NoWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android No support No
Notes
No support No
Notes
Notes For earlier versions, this method is available through the adapter.js polyfill
Safari iOS No support NoSamsung Internet Android Full support Yes

Legend

Full support
Full support
No support
No support
See implementation notes.
See implementation notes.

See also