html5カメラがぼやけています - getuserMediaオートフォーカスが動作しません

Question

モバイルでカメラから画像をキャプチャするためにHTML5ビデオを試してみましたが、ぼやけた画像に問題がありますか？画像が鮮明だったSamsungの携帯電話と、画像がぼやけていたLG G4（両方の携帯電話でAndroidブラウザとChrome）で試してみます。 誰かがこの経験をしていますか、解決策を説明できますか？いくつかの携帯電話にこれらの問題がありますか？ https://w3c.github.io/mediacapture-image/index.html#FocusMode

：

function startCamera(newSource) { 
     if (newSource) { 
      var constraints = { 
       audio: false, 
       video: { 
        optional: [ 
         { sourceId: newSource }, 
        ] 
       } 
      }; 

      addVideoAndCanvas(); 

      navigator.getUserMedia(constraints, onMediaSuccess, onMediaError); 
     } 
    } 

    function addVideoAndCanvas() { 
     self.video = $('<video muted autoplay>'); 
     self.canvas = $('<canvas id="qr-canvas" class="hide">'); 
     $('.modal-body .video-container', self.root).append(self.video).append(self.canvas); 
    } 

    function onMediaSuccess(stream) { 
     self.stream = stream; 
     self.video[0].src = (window.URL && window.URL.createObjectURL(stream)) || stream; 

     self.video[0].onloadeddata = function() {     
      self.canvas[0].height = self.video[0].videoHeight; 
      self.canvas[0].width = self.video[0].videoWidth; 
      scan(); 
     }     
    } 

    function onMediaError(error) {    
    } 

    function scan() { 
     if (self.stream) {     
      try { 
       var ctx = self.canvas[0].getContext('2d'); 
       ctx.drawImage(self.video[0], 0, 0); 

      } catch (e) { 
       setTimeout(scan, 20); 
      } 
     } else { 
      setTimeout(scan, 20); 
     } 
    } 

Answer 1

はおそらくfolowing仕様に待っている：

私が使用したコードのスニペットがあります