無法獲取未定義或空引用的屬性“enumerateDevices”

Question

我正在使用enumerateDevices （ 請參閱此處的參考）來獲取用戶的攝像頭和麥克風列表。

此代碼在 Chrome 上運行良好：

$(document).ready(function(){
    navigator.mediaDevices.enumerateDevices()
    .then(gotDevices)
});

但是由於它在 IE 上不受支持，因此會引發錯誤：

無法獲取未定義或空引用的屬性“enumerateDevices”

我的問題：是否有任何替代方法可以在所有瀏覽器中使用？

Answer 1

navigator.mediadevices也可以在不安全的上下文中未定義。

您需要使用https:而不是http:

---

chrome 上有一些實驗標志來允許它：

鉻：//標志/#allow-insecure-localhost

chrome://flags/#unsafely-treat-insecure-origin-as-secure

Answer 2

根據 mediaDevices.enumerateDevices 方法 api。 此方法不支持 IE。

此方法的瀏覽器兼容性是：

鉻：45.0
火狐（壁虎）：39
Internet Explorer：不支持
歌劇：不支持
safari(webKit): 不支持

希望這可以幫助！