JSでの、カメラ情報の取得方法

Javascriptで接続されてるカメラ情報を取得したいのですが、うまくいきません。
MacBookを使用し外部接続のカメラも使用しているため（zoomなどではカメラ選択可能な状態）
複数のカメラ情報が取得できるはずなのですが、うまくいきません。
ブラウザはchrome

html
1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8">
5</head>
6<script>
7    (async function(){
8        
9        await navigator.mediaDevices.getUserMedia({video: true});
10        var devices = await navigator.mediaDevices.enumerateDevices();
11        console.dir(devices);//videoとaudio取得
12
13    })();
14
15    </script>
16</html>

どのようにすればconsole.dirで接続しているカメラ情報（deviceId）を出力できるでしょうか。
現状では以下のような出力結果になります。

log
1[
2    {
3        "deviceId": "",
4        "kind": "audioinput",
5        "label": "",
6        "groupId": "00000000000000000000000000000000ff2640da1e3c0b01ed6a3bfc50aa75e"
7    },
8    {
9        "deviceId": "",
10        "kind": "videoinput",
11        "label": "",
12        "groupId": "000000000000000000000000000000006402d82e43cde8af3acec790927a8b5b"
13    },
14    {
15        "deviceId": "",
16        "kind": "audiooutput",
17        "label": "",
18        "groupId": "00000000000000000000000000000000dff2640da1e3c0b01ed6a3bfc50aa75e"
19    }
20]
21
22