HTML 调用电脑手机摄像头拍照

问题描述

关于调用电脑摄像头拍照怎么不行,我在网上下载很多,运行都不行,运行浏览器也没有提示。是用谷歌浏览器。<!doctypehtml><html><head><title>html5capturetest</title></head><body><videoautoplay></video><imgsrc=""><canvasstyle="display:none;"></canvas><buttonid="capture">snapshot</button><scripttype="text/javascript">varvideo=document.querySelector('video');varcanvas=document.querySelector('canvas');varctx=canvas.getContext('2d');varlocalMediaStream=null;varsnapshot=function(){if(localMediaStream){ctx.drawImage(video,0,0);document.querySelector('img').src=canvas.toDataURL('image/webp');}};varsizeCanvas=function(){setTimeout(function(){canvas.width=video.videoWidth;canvas.height=video.videoHeight;img.width=video.videoWidth;img.height=video.videoHeight;},100);};varbtnCapture=document.getElementById('capture');btnCapture.addEventListener('click',snapshot,false);if(navigator.getUserMedia){navigator.getUserMedia({video:true},function(stream){video.src=stream;localMediaStream=stream;sizeCanvas();},function(){alert('yourbrowserdoesnotsupportgetUserMedia');});}elseif(navigator.webkitGetUserMedia){navigator.webkitGetUserMedia({video:true},function(stream){video.src=window.URL.createObjectURL(stream);localMediaStream=stream;sizeCanvas();},function(){alert('yourbrowserdoesnotsupportwebkitGetUserMedia');});}</script></body></html>

解决方案

解决方案二:

解决方案三:
有谁弄过,是不是要配置什么东西,我就是直接用浏览器打开的。Chrome和Opera浏览器都安装了还是不行。
解决方案四:
浏览器有操作摄像头的功能?你确实不需要ActiveX组件?
解决方案五:
浏览器就是浏览页面,顶多上传下载文件你要在浏览器里直接调系统硬件,需要插件.比如使用网银
解决方案六:
引用3楼Z65443344的回复:

浏览器有操作摄像头的功能?你确实不需要ActiveX组件?

使用HTML5
解决方案七:
网上的调用摄像头的都是用的Flash,单独的HTML5也没这功效
解决方案八:
flash其实也是一种插件,你必须在客户端安装flash,然后网页去调用.网页就是网页,没有跨IE直接调用本地设备的功能从原理上就行不通
解决方案九:
网页去调用->其实是IE去调用IE解析了网页之后先知道网页想干嘛,然后去实现指定的功能.如果用户在IE设置中屏蔽了flash和Active组件,你网页做的再花花也没用.
解决方案十:
引用8楼Z65443344的回复:

网页去调用->其实是IE去调用IE解析了网页之后先知道网页想干嘛,然后去实现指定的功能.如果用户在IE设置中屏蔽了flash和Active组件,你网页做的再花花也没用.

我是在百度看到的,Html5调用摄像头,http://bbs.9ria.com/thread-215588-1-1.html
解决方案十一:
应该是需要通过ActiveX来实现的,纯html或javascript无法操作本机的摄像头,flash应该也行
解决方案十二:
引用8楼Z65443344的回复:

网页去调用->其实是IE去调用IE解析了网页之后先知道网页想干嘛,然后去实现指定的功能.如果用户在IE设置中屏蔽了flash和Active组件,你网页做的再花花也没用.

这段时间,红孩儿很活跃啊
解决方案十三:
引用9楼jxph040365的回复:

Quote: 引用8楼Z65443344的回复:
网页去调用->其实是IE去调用IE解析了网页之后先知道网页想干嘛,然后去实现指定的功能.如果用户在IE设置中屏蔽了flash和Active组件,你网页做的再花花也没用.

我是在百度看到的,Html5调用摄像头,http://bbs.9ria.com/thread-215588-1-1.html

网上说的也不都是对的.有些省略了什么没说,有些根本就是错的.不能全信.
解决方案十四:
引用6楼starfd的回复:

网上的调用摄像头的都是用的Flash,单独的HTML5也没这功效

单纯的html+JavaScript完全可以实现调用本地摄像头并且实现拍照..我测试过,,但是找不到代码了...真的可以
解决方案十五:
$('#webcam').photobooth().on("image",function(event,dataUrl){$('.nopic').hide();$("#pictures").prepend('<imgsrc="'+dataUrl+'">');});

找到了要的我就行了..
解决方案:
原来是可以拍照的但是今天运行不知道怎么的出不来..
解决方案:

解决方案:
不知道这个问题有没有结局,但是有一点你可以考虑下,需要部署到服务器上,我测试你这段代码,部署到服务器上就行
解决方案:
用于手机浏览器,调用手机摄像头。
解决方案:
chrome号称“不支持插件”,但是它自己弄了一大堆相当于插件的api在它自己的浏览器里边,这其实巨大的讽刺。你使用chrome浏览器专用的javascriptapi,而且这些也只是在chrome某个版本中支持(甚至在最新版都不支持或者api定义不同了),这种东西就相当于现在还去硬要使用ie6才支持的某些api。这种写法有多大意义?考虑到浏览器兼容性了吗?
解决方案:
至少应该纠正一个容易被人用来忽悠的说法:你使用的那些写法不是什么HTML5标准api(尽管多年以前制定的html5此类api的支持也并不能够很好保证),你使用的是chrome的方言,而且谷歌开发的东西的兼容性的名称极差,往往不能支持2、3年就变了(更别说像微软以前那样一般都能支持几十年都兼容了)。
解决方案:
放到服务器上跑就可以运行,亲测
解决方案:
楼主成功了?说详细点呗
解决方案:
实话告诉你吧,我也是研究了几天了,使用火狐浏览器就可以了嘛,
解决方案:
我用火狐也跑不起来

时间: 2024-09-08 06:59:50

HTML 调用电脑手机摄像头拍照的相关文章

AngularJS中使用HTML5手机摄像头拍照_AngularJS

1. 项目背景 公司开发一个网站,在做用户头像修改的时候领导提到增加一个由摄像头拍照实现修改头像的功能.因为我们网站是基于Html5进行开发,所以就直接采用H5来实现拍照.起初觉得这个功能很简单,但是做的时候才发现并不是那么简单的. 这是在AngularJs中成功实现调用摄像头拍照并截图上传的例图: 2. 如何调用摄像头 $scope.photoErr = false; $scope.photoBtnDiable = true; var mediaStream = null,track = nu

HTC One系列手机摄像头拍照试用

在0.2秒内对完成http://www.aliyun.com/zixun/aggregation/18861.html">自动对焦,只要按住快门,就能一直拍照,这不是什么高速单反相机,而是HTC新旗舰One X上摄像头的拍照功能.在昨天的MWC 2012上,就有一位国外女记者亲身体验了HTC One X的超高成像速度,事后她此感叹道:"从摄像头捕获图像,到拍照完成并把图像储存到手机里,整个过程比我人的反应还快." 根据HTC在MWC 2012上的介绍,HTC One X

droidcamx-电脑通过USB调用手机摄像头

问题描述 电脑通过USB调用手机摄像头 我想用droidcamx软件,使电脑通过USB连接手机,再用opencv调用手机摄像头(不知道行不行),今天晚上在米4上弄了半天,连droidcamx都没运行成功(不知道是安卓版本问题还是我哪里设置不对,哭~),求问大神行不行得通,谢谢 解决方案 这个链接的文章能解决你的问题的,你可以看看. 如果回答对您有帮助,请采纳 解决方案二: 是这个编辑器不行将它过滤了你需要的 你看看行不行 如果对您有帮助,请采纳 解决方案三: http://jingyan.bai

笔记本opencv调用手机摄像头

问题描述 笔记本opencv调用手机摄像头 如何用笔记本opencv编程调用手机摄像头 1.笔记本可以用蓝牙连接手机调用摄像头吗?要如何做?(需要什么驱动编程还是什么软件?) 2.用数据线连接手机调用?(需要什么驱动编程还是什么软件?) 谢谢大家~ 解决方案 只要是其他程序能够在电脑上面打开的,好像都行,直接用opencv打开就行,opencv2.3.1之后的版本都集成了directshow 代码类似这样: #include "stdafx.h" #include <coreco

C#.net是否可以调用手机摄像头,给一个样例,感激涕零。

问题描述 如题,我们希望用C#.net代码实现web方式的摄像头功能,可以拍照,录像,等有这样的小的demo联系我呀,谢谢. 解决方案 解决方案二: 解决方案三:反正我的智商是没有理解到你的问题解决方案四:http://blog.csdn.net/wtnu200/article/details/48975841解决方案五:也许你还用得上这个,大图片上像时进去缩减再上传http://blog.csdn.net/wtnu200/article/details/48975913解决方案六:手机的系统也

win7电脑怎么用摄像头拍照?

  win7电脑怎么用摄像头拍照?: 1.打开开始菜单,右键"计算机"选择"管理"; 2.在"计算机管理"窗口左边一栏,双击"设备管理器".然后,从右边栏中找到"图像设备",点开.在摄像头设备上右键鼠标,选择"属性"; 3.在"驱动程序"选项卡上,单击"驱动程序详细信息",可以看到.exe 文件的详细路径(通常位于系统盘 Windows 文件夹下)

html5怎么调用手机摄像头并且扫描二维码?

问题描述 html5怎么调用手机摄像头并且扫描二维码? 现在在做的一个项目需要做一个手机浏览器上扫描二维码的功能,自己在网上找了很多,但还是不行,求大神指点.谢谢!谢谢! 解决方案 http://www.jb51.net/html5/422307.htmlhttp://download.csdn.net/download/xuewufeifang/9256945 解决方案二: appcan和hbuilder都有解决办法,你查查看

flex4.6 用camera调用手机摄像头显示的影像逆时针90度

问题描述 flex4.6 用camera调用手机摄像头显示的影像逆时针90度 我用flex4.6创建手机项目,并且运行了用camera调用摄像头的代码,在模拟器中运行的结果显示正常,但是在手机上运行后,发现显示的图像逆时针90度. 注:肯定不是代码的问题. 希望大家帮忙解决一下或者提点改进的方法. 解决方案 楼主,你现在这个问题解决了么.求解,我现在也遇到了这个问题,谢谢~~~ 解决方案二: 自己再回答一下,方便以后查阅,在*-app.xml文件中把已经注释的 改为landscape 这个横屏即

最近新学了senchatouch,在此环境下实现调用手机摄像头的功能,希望能得到各位大神的解答。

问题描述 最近新学了senchatouch,在此环境下实现调用手机摄像头的功能,希望能得到各位大神的解答. 调用手机摄像头的功能,在sencha touch环境下,该怎样写代码,急求,请各位大神能指点指点