Javascript 电话';s摄像头vs浏览器';照相机图像质量

Javascript 电话';s摄像头vs浏览器';照相机图像质量,javascript,stream,webrtc,getusermedia,Javascript,Stream,Webrtc,Getusermedia,我使用getUserMedia()构建了一个webapp来捕获图像, 但是图像的质量不是很好,有点模糊!。我试着通过手机的摄像头拍摄照片,结果有很大的不同 我想知道为什么从浏览器拍摄的照片不如从手机摄像头拍摄的好!如果可能的话,如何通过浏览器(getUserMedia())获取质量最好的图像 capture.addEventListener('click',()=>{ c、 style.display=“flex”; c、 宽度=video.outerWidth(); c、 高度=video.o

我使用
getUserMedia()
构建了一个webapp来捕获图像, 但是图像的质量不是很好,有点模糊!。我试着通过手机的摄像头拍摄照片,结果有很大的不同

我想知道为什么从浏览器拍摄的照片不如从手机摄像头拍摄的好!如果可能的话,如何通过浏览器(
getUserMedia()
)获取质量最好的图像

capture.addEventListener('click',()=>{
c、 style.display=“flex”;
c、 宽度=video.outerWidth();
c、 高度=video.outerHeight();
ctx.drawImage(视频,0,0,c.宽度,c.高度);
video.style.display=“无”;
})
提前谢谢。

试着使用这些行

  c.width = video.videoWidth;
  c.height = video.videoHeight;

然后,画布将具有与捕获的视频相同的分辨率。您可以使用CSS适当缩放画布以进行显示,大多数浏览器在使缩放后的显示效果良好方面做得很好。

设备和浏览器之间的图形差异很大,我们需要更多信息来帮助您。我想您已经尝试了在上的“官方”快照演示,并获得了与您的问题类似的结果。什么装置?什么相机?什么浏览器(在什么设备上)?请回答你的问题。