useMediaDevices
function useMediaDevices(options?): MediaDeviceInfo[];Defined in: packages/react/src/hooks/device/useMediaDevices.ts:31
The useMediaDevices hook returns the list of media devices of a given kind.
Parameters
| Parameter | Type |
|---|---|
options | UseMediaDevicesOptions |
Returns
MediaDeviceInfo[]
Example
// Basic — read the available media devices.
const devices = useMediaDevices();
// Advanced — render device labels in a settings list.
function DeviceList() {
const devices = useMediaDevices();
return (
<ul>
{devices.map((device) => (
<li key={device.deviceId}>{device.label || device.kind}</li>
))}
</ul>
);
}