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

H5應用HTTP環境下媒體設備訪問問題及解決方案

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

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

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

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

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

以上是在HTTP頁面中如何解決navigator.mediaDevices返回undefined的問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！