瀏覽器調用攝像頭(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中如何解決瀏覽器調用攝像頭問題”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!