html自动对焦,html5相机模糊 - getuserMedia自动对焦无法正常工作

有人尝试使用HTML5视频从手机上的相机中捕捉图像，并且模糊图像有问题吗？我尝试在三星手机上，图像很清晰，在LG G4上，图像模糊(Android浏览器和两部手机上的Chrome)。

有人有这方面的经验还是可以解释一下？有些手机有这些问题吗？

我使用了一段代码：

function startCamera(newSource) {

if (newSource) {

var constraints = {

audio: false,

video: {

optional: [

{ sourceId: newSource },

]

}

};

addVideoAndCanvas();

navigator.getUserMedia(constraints, onMediaSuccess, onMediaError);

}

function addVideoAndCanvas() {

self.video = $('');

self.canvas = $('');

$('.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);

}

html自动对焦,html5相机模糊 - getuserMedia自动对焦无法正常工作相关推荐

VTK：相机模糊CameraBlur用法实战
VTK:相机模糊CameraBlur用法实战程序输出程序完整源代码程序输出程序完整源代码 #include <vtkActor.h> #include <vtkCamera. ...
Vegas中文版教程分享：制作相机模糊对焦效果
Vegas作为一款非常常见的视频编辑软件,可以说是电脑上最佳的入门级视频编辑软件,结合高效率的操作界面和多功能的优异特性,让用户更简易的创造丰富的形象.Vegas功能全面,界面设计合理,最主要有先进的 ...
iphone相机原理_在iPhone上获取HTML5相机和视频
iphone相机原理 One of the questions I get asked most often via my contact form is how to get access to t ...
android模拟器无法拍照,为什么dafault相机无法在android模拟器中工作？
当我试图打开摄像头应用程序在模拟器defaultly给出,它意外停止和logcat的显示为什么dafault相机无法在android模拟器中工作? 02-08 11:18:35.005: INFO/A ...
Vegas如何制作相机模糊对焦效果？
Vegas作为一款十分好用的视频剪辑软件,得到了很多用户的青睐.尤其是使用Vegas制作电子相册的时候,更是可以实现一些神奇的功能.今天小编就带大家了解一下如何使用Vegas制作相机对焦模糊效果吧! ...
HTML5 svg 模糊,html5 – Firefox SVG图形模糊
我有一个反应灵敏的网页设计,SVG标志/图像是与其容器动态的.所有主流浏览器似乎都支持SVG真的很好. 我的SVG是动态的,所以如果我扩展我的浏览器窗口,SVG也是这样做的.在Chrome和IE9中, ...
swift html5 相机调用,学习笔记：swift——调用照相机和照片
首先需要引用UIImagePickerControllerDelegate,UINavigationControllerDelegate //定义两个图片获取方法 func imagePickerCo ...
相机成像原理_数码相机的工作原理
数码相机也被称为数字相机.数码相机可以说是更广义的电子影像处理技术中的一类,其光学成像系统和常规的照相机并无差别,然而影像记录的方式却完全不同.常规相机使用的是化学光感材料,而数码相机使用的是一组光电 ...
小米设备跨版本降级后相机打不开陀螺仪无法工作解决办法
实例小米8 安卓10降安卓9后相机出现闪退自动横屏无法正常使用光线感应温控失效方案: 1.下载系统相同版本的线刷包,解包. 2.在images文件夹中找到名为persist.img的镜像并复制到手机 ...

html自动对焦,html5相机模糊 - getuserMedia自动对焦无法正常工作

html自动对焦,html5相机模糊 - getuserMedia自动对焦无法正常工作相关推荐

最新文章

热门文章