2015-05-29 27 views
2

我在支持getUserMedia Api的桌面瀏覽器上有一個工作代碼,我可以在div videoPreview中正確地看到我的攝像頭的視頻預覽。但是,在Android設備上運行時,如果我接受在Chrome瀏覽器中共享該代碼,則該代碼會使用我的前置攝像頭拍攝一張照片,然後預覽會在第一幀中凍結。getUserMedia在Android Chrome上的第一幀被凍結

navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia); 

    navigator.getMedia(
     // constraints 
     {video:true, audio:false}, 

     // success callback 
     function (mediaStream) { 
      var video = document.getElementById('videoPreview'); 
      video.src = window.URL.createObjectURL(mediaStream); 
      video.play(); 
     }, 
     //handle error 
     function (error) { 
      console.log(error); 
     } 
    ) 
+0

只需將自動播放屬性添加到

回答

10

對於那些遇到同樣問題的人:我通過將autoplay屬性添加到我的<video>標記來修復它。

被困住了一段時間,我希望這會幫助別人。

0

我和我的同事今天也有同樣的問題:工作代碼不再工作,相機被凍結。令人驚訝(或不),重新啓動解決了這個問題。

+0

感謝您的幫助,但已經嘗試過,並沒有解決我的問題:/我可以問你是否使用類似的代碼? –

+1

我們使用此代碼: https://github.com/pixelpark/webgl-cardboard-boilerplate 或更具體地說: https://github.com/pixelpark/webgl-cardboard-boilerplate/blob/master/js/ videosetup.js 設置稍微複雜一點,因爲我們有一個紙板立體視圖。 – dirkk0

相關問題