MediaDevices.enumerateDevices() 通过文件协议访问时未显示所有媒体设备？

Question

MediaDevices.enumerateDevices() 通过文件协议访问时未显示所有媒体设备？

Alo*_*hor 7 html javascript file-uri webrtc mediadevices

我index.html列出所有媒体设备是

<!DOCTYPE html>
<html>

<body>
    <script>
        (async () => {
            await navigator.mediaDevices.getUserMedia({ audio: true, video: true });
            let devices = await navigator.mediaDevices.enumerateDevices();
            console.log(devices);
        })();
    </script>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

当我index.html通过文件协议访问它时，file:///some-path/index.html我只看到很少的设备也没有标签。

[
    {
        "deviceId": "",
        "kind": "audioinput",
        "label": "",
        "groupId": "a71e32bec65bc4788683c156cfbc3c005bce4535b980209e4a455973bd93f36a"
    },
    {
        "deviceId": "",
        "kind": "videoinput",
        "label": "",
        "groupId": "03e0a9c9e71757f81bef3f3a74c4a56785b2d3d103a7de883101e509c233977f"
    },
    {
        "deviceId": "",
        "kind": "audiooutput",
        "label": "",
        "groupId": "a71e32bec65bc4788683c156cfbc3c005bce4535b980209e4a455973bd93f36a"
    }
]

Run Code Online (Sandbox Code Playgroud)

index.html但是当我通过http 协议访问它时，我看到了http://localhost/index.html所有设备

[
    {
        "deviceId": "default",
        "kind": "audioinput",
        "label": "Default - Microphone Array (Realtek(R) Audio)",
        "groupId": "95ad50034942d5fc0302807034812fe5fcc218f9b09ca646add4a14a8b2622bf"
    },
    {
        "deviceId": "communications",
        "kind": "audioinput",
        "label": "Communications - Microphone Array (Realtek(R) Audio)",
        "groupId": "95ad50034942d5fc0302807034812fe5fcc218f9b09ca646add4a14a8b2622bf"
    },
    {
        "deviceId": "3a7aefd60c0ca518309257aa2cb4d1e551dbbc515b1b44db6e9dca1fe3707043",
        "kind": "audioinput",
        "label": "Microphone Array (Realtek(R) Audio)",
        "groupId": "95ad50034942d5fc0302807034812fe5fcc218f9b09ca646add4a14a8b2622bf"
    },
    {
        "deviceId": "d8fe6e8b9ea6af07937e5cca27156df470b9ebe074bcde2c9c5a08c4a587f6e3",
        "kind": "videoinput",
        "label": "HP TrueVision HD Camera (05c8:03d2)",
        "groupId": "a7e998e3f31252e8fa432646d953e9ce05b365a184f62e23fc44baa4efef902f"
    },
    {
        "deviceId": "a05bca7ff5990c524b424bea2612606cd5227089ce608e18b4e11e81218a559c",
        "kind": "videoinput",
        "label": "mmhmm Camera",
        "groupId": "d688503a66132497bc8d6069bad536af1bc831c95489d37e44f23c8ec35e50bb"
    },
    {
        "deviceId": "e744025c7a3cdacf663161d755304f6472af21bb6148c0b4adc40ad2ea5a012d",
        "kind": "videoinput",
        "label": "OBS Virtual Camera",
        "groupId": "b91d30a4ab3fa102a7907c58f6fe34e92886feef841112809fc2179a9b16fb93"
    },
    {
        "deviceId": "default",
        "kind": "audiooutput",
        "label": "Default - Speaker (Realtek(R) Audio)",
        "groupId": "95ad50034942d5fc0302807034812fe5fcc218f9b09ca646add4a14a8b2622bf"
    },
    {
        "deviceId": "communications",
        "kind": "audiooutput",
        "label": "Communications - Speaker (Realtek(R) Audio)",
        "groupId": "95ad50034942d5fc0302807034812fe5fcc218f9b09ca646add4a14a8b2622bf"
    },
    {
        "deviceId": "2f1d086698e7f7f056501e2b229a1d704e68e9c623694148f0cb173af68b5b03",
        "kind": "audiooutput",
        "label": "Speaker (Realtek(R) Audio)",
        "groupId": "95ad50034942d5fc0302807034812fe5fcc218f9b09ca646add4a14a8b2622bf"
    }
]

Run Code Online (Sandbox Code Playgroud)

我如何才能仅通过查看所有设备file protocol (file:///)？

Answer 1

小智 0

媒体捕获和流 API 仅在安全上下文中工作。请参阅 MDN 和相关规范。

https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

https://w3c.github.io/mediacapture-main/#interface-definition

链接：https://bugs.chromium.org/p/webrtc/issues/detail? id=14393

归档时间：	4 年，2 月前
查看次数：	1613 次
最近记录：	3 年，2 月前