MediaDevices API Demo

The MediaDevices API provides access to connected media input devices like cameras and microphones. It enables applications to enumerate devices and request audio/video streams.

MediaDevices API: checking...

API Support

Available Devices

Enumerate DevicesRequest Permissions First

Click "Enumerate Devices" to list available media devices...

Camera & Microphone Preview

Select CameraSelect Microphone Start PreviewStop PreviewToggle VideoToggle Audio

Video Preview

Audio Level

Start preview to see audio levels...

Constraints Builder

Configure media constraints for getUserMedia:

Video Audio Video Width: Video Height: Frame Rate: Facing Mode: AnyUser (Front)Environment (Back) Start with ConstraintsShow JSON

Event Log

Clear Log Events will be logged here...