Web APIs (navigator, geolocation, history)

Which Navigator sub-interface is being used in this code?

navigator.mediaDevices.getUserMedia({ video: true, audio: true })
  .then(stream => {
    const videoElement = document.getElementById('video');
    videoElement.srcObject = stream;
  })
  .catch(error => {
    console.error('Error accessing media devices:', error);
    if (error.name === 'NotAllowedError') {
      showPermissionDeniedMessage();
    } else if (error.name === 'NotFoundError') {
      showNoDevicesMessage();
    }
  });

navigator.media
navigator.devices
navigator.mediaDevices
This code uses the navigator.mediaDevices interface: 1) It's part of the Media Capture and Streams API for accessing connected media input devices, 2) The getUserMedia() method requests access to the user's camera and microphone as specified in the constraints object, 3) It returns a Promise that resolves with a MediaStream object containing the requested media tracks, 4) This interface requires explicit user permission due to privacy implications of accessing cameras and microphones, 5) It supports various constraints to specify desired resolution, frame rate, and other media characteristics, 6) The API handles cases where hardware is unavailable or permission is denied through Promise rejection, 7) It's commonly used for video conferencing, media recording, and real-time communication applications, 8) This represents a significant evolution from earlier navigator.getUserMedia implementations with a modern Promise-based interface.
navigator.streams

Next Question (20/40)