The WebRTC standard provides APIs for accessing cameras and microphones linked to a computer or smartphone while creating for the web. These devices are generally referred to as Media Devices, and they may be accessed through the navigator using JavaScript. The MediaDevices interface is implemented by the mediaDevices object. We can enumerate all connected devices, listen for device changes (such as when a device is attached or removed), and open a device to obtain a Media Stream using this object (see below).

The function getUserMedia(), which produces a promise that resolves to a MediaStream for the matching media devices, is the most typical approach to do this. This function receives a single MediaStreamConstraints object as input, which outlines our needs.

In this video we'll cover how to Get local media