在HTTP頁面中如何解決navigator.mediaDevices返回undefined的問題？

H5應用http環(huán)境下媒體設備訪問問題及解決方案

部署H5應用時，特別是使用navigator.mediaDevices獲取視頻媒體資源時，經(jīng)常會在HTTP頁面遇到返回undefined的情況。即使iframe使用了https協(xié)議，根頁面為HTTP仍然會導致權(quán)限問題。

例如，根頁面為HTTP，內(nèi)嵌iframe為HTTPS， iframe內(nèi)仍然無法訪問navigator.mediaDevices。 如何解決呢？

一個行之有效的方法是修改谷歌瀏覽器安全策略：

1. 在瀏覽器地址欄輸入chrome://flags/#unsafely-treat-insecure-origin-as-secure，打開Chrome實驗特性頁面。
2. 找到“Insecure origins treated as secure”選項（通常高亮顯示）。
3. 將該選項設置為“已啟用”，并在文本框中輸入你的HTTP域名。
4. 重啟瀏覽器使配置生效。

此方法已在實際應用中驗證有效，可解決HTTP頁面下navigator.mediaDevices權(quán)限問題。 請注意，此方法修改了瀏覽器安全設置，僅在測試或特定開發(fā)環(huán)境下使用，生產(chǎn)環(huán)境請謹慎操作，并優(yōu)先考慮HTTPS部署以確保安全性。