fix(useDevicesList): Check for device availability before requesting permissions (#4818)

ilyaliao · web-flow · commit c424f984f321 · 2025-06-19T08:03:10.000Z
diff --git a/packages/core/useDevicesList/index.ts b/packages/core/useDevicesList/index.ts
@@ -86,6 +86,11 @@ export function useDevicesList(options: UseDevicesListOptions = {}): UseDevicesL
     if (state.value !== 'granted') {
       let granted = true
       try {
+        const allDevices = await navigator!.mediaDevices.enumerateDevices()
+        const hasCamera = allDevices.some(device => device.kind === 'videoinput')
+        const hasMicrophone = allDevices.some(device => device.kind === 'audioinput' || device.kind === 'audiooutput')
+        constraints.video = hasCamera ? constraints.video : false
+        constraints.audio = hasMicrophone ? constraints.audio : false
         stream = await navigator!.mediaDevices.getUserMedia(constraints)
       }
       catch {
