How to use it
- Press List devices.
- If names are missing, press Allow access to show names and accept the browser’s prompt.
- Plug in or remove a device and watch the list refresh.
How it works
The page calls navigator.mediaDevices.enumerateDevices() and groups the results by kind: video input, audio input and audio output. The allow button opens a short camera and microphone stream, stops it right away and lists again.
Worked example
A laptop with a built-in webcam, a headset microphone and speakers lists 1 camera, 1 microphone and 1 output once permission has been given. Before permission each shows as “Unnamed device 1”.
Tips
- The same physical device can appear twice, for example as a default entry and a named one.
- To test a device, use the webcam, microphone or speaker test tools.