項目場景:
在各大瀏覽器中http地址調用電腦麥克風攝像頭會沒有權限,http協議無法使用多媒體設備
原因分析:
為了用戶的隱私安全,http協議無法使用多媒體設備。因為像攝像頭和麥克風屬于可能涉及重大隱私問題的API,getUserMedia()的規范提出了瀏覽器必須滿足一系列隱私和安全要求。這個方法功能很強大,只能在安全的網絡環境使用,在不安全的環境中為undefined。
解決方案:
- 谷歌/Edge瀏覽器以及360瀏覽器解決辦法(此方法適用于所有webkit內核的瀏覽器)
谷歌瀏覽器在地址欄輸入:chrome://flags/#unsafely-treat-insecure-origin-as-secure
Edge瀏覽器在地址欄輸入:edge://flags/#unsafely-treat-insecure-origin-as-secure
360瀏覽器:首先將360瀏覽器內核設置為webkit內核,設置步驟為
- 復制項目網址
- 點開設置
- 高級設置
- 內核設置
按照圖片進行操作,最后重啟瀏覽器,再次進入頁面,就會提示是否允許調用麥克風
如果有多個地址,則用英文逗號隔開即可
- Firefox 瀏覽器解決辦法
- 在地址欄輸入:about:config
- 搜索框輸入insecure,然后回車搜索相關設置選項
- media.devices.insecure.enabled改為true
- media.getusermedia.insecure.enabled改為true
- 刷新你的網頁重試即可