javascript中如何解決瀏覽器調用攝像頭問題

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

　　瀏覽器調用攝像頭使用到了webrtc

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

　　navigator.mediaDevices.getUserMedia({

　　'audio':true,

　　'video':{facingMode:'user'}//facingMode:{exact:"environment"}調用后置攝像頭

　　}).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('該瀏覽器暫不支持調用攝像頭',{

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

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

　　});

　　}

　　瀏覽器調用攝像頭怎么做

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

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

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

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

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

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