javascript中如何解決瀏覽器調(diào)用攝像頭問題-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關javascript中如何解決瀏覽器調(diào)用攝像頭問題的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

在商河等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站設計、網(wǎng)站制作 網(wǎng)站設計制作按需網(wǎng)站策劃,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站建設,營銷型網(wǎng)站建設,外貿(mào)網(wǎng)站制作,商河網(wǎng)站建設費用合理。

瀏覽器調(diào)用攝像頭使用到了webrtc

if(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){

navigator.mediaDevices.getUserMedia({

'audio':true,

'video':{facingMode:'user'}//facingMode:{exact:"environment"}調(diào)用后置攝像頭

}).then(function(mediaStream){

getVideoStream(mediaStream)

}).catch(function(error){

console.log(error);

parent.layer.msg('檢測到權限被禁用，請刷新頁面重試',{

area:['20%','8%'],

offset:['46%','40%'],

});

})

}elseif(navigator.getUserMedia){

navigator.getUserMedia({

'video':true,

'audio':true

},getVideoStream)

}else{

parent.layer.msg('該瀏覽器暫不支持調(diào)用攝像頭',{

area:['20%','8%'],

offset:['46%','40%'],

});

}

瀏覽器調(diào)用攝像頭怎么做

但我在華為Android機上測試，用的也是chrome瀏覽器，但是調(diào)用的卻是前置攝像頭。

難道說Android和win10的前后置攝像頭是相反的？

我將{facingMode:'user'}改成facingMode:{exact:"environment"}（標準上是調(diào)用的后置攝像頭，在平板上實際上是前置）

chrome下彈出檢測到權限被禁用的提示（這是我layer的效果），實際報錯是OverconstrainedError,百度一下，全是說一些不要限制width、height之類什么的，但我也沒設置這些玩意兒啊。。

而當我在Edge瀏覽器上測試的時候，卻一切都是正常的，{facingMode:'user'}調(diào)用的還是前置，facingMode:{exact:"environment"}調(diào)用的是后置，和Android一樣，這也排除了Android和win10的前后置攝像頭是相反的這個結論！?。?/p>

感謝各位的閱讀！關于“javascript中如何解決瀏覽器調(diào)用攝像頭問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

本文標題：javascript中如何解決瀏覽器調(diào)用攝像頭問題-創(chuàng)新互聯(lián)
路徑分享：http://muchs.cn/article22/dhdjcc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、標簽優(yōu)化、品牌網(wǎng)站設計、網(wǎng)站維護、軟件開發(fā)、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)