javascrpt网页上的摄像功能
作者&投稿：莘毛 （若有异议请与网页底部的电邮联系）
js没那个权限去调用任何硬件的，某些app打包程序可能有给js接口调用摄像头，但前提是你做的网页必须加壳成app，别人要安装你的app才行
使用HTML5的getUserMedia API可以调用本地的摄像头和麦克风，可以看这个链接的文档介绍，http://www.html5rocks.com/zh/tutorials/getusermedia/intro/
实现这个功能的前提是你的电脑设备上需要安装有摄像头设备，以及你的浏览器需要支持flash<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Javascript+PHP实现在线拍照功能</title>
</head>
<body>
<div id="cam">
<!--调用摄像组件并显示图像-->
<input type=button value="点击这里拍照" class="btn" onclick="take_snapshot()">
</div>
<div id="results">
<!--显示上传结果-->
</div>
</body>
</html>
在body中加入一个用于调用摄像组件的容器id#cam和一个显示上传信息的容器id#results。
Javascript
接下来调用摄像组件，我们先载入webcam.js，用于拍照和上传的js库。
<script type="text/javascript" src="webcam.js"></script>
然后在容器id#cam中，加入以下代码：
<script language="JavaScript">
webcam.set_api_url( 'action.php' );
webcam.set_quality( 90 ); // 图像质量(1 - 100)
webcam.set_shutter_sound( true ); // 拍照时播放声音
document.write( webcam.get_html(320, 240, 160,120) );
</script>
我们调用了webcam，其中webcam.set_api_url用来设置图像上传交互的php路径，set_quality可设置图像质量，set_shutter_sound设置声音，get_html输出摄像组件，参数即宽度、高度、上传后宽度、上传后高度。
当点击按钮拍照时，需要执行以下代码：
<script language="JavaScript">
webcam.set_hook( 'onComplete', 'my_completion_handler' );
function take_snapshot() {
document.getElementById('results').innerHTML = '<h4>Uploading...</h4>';
webcam.snap();}
function my_completion_handler(msg) {
if (msg.match(/(http\:\/\/\S+)/)) {
var image_url = RegExp.$1;
document.getElementById('results').innerHTML =
'<h4>Upload Successful!</h4>' +
'<img src="' + image_url + '">';
webcam.reset();
}
else alert("PHP Error: " + msg);
}
</script>
当执行拍照动作时，代码与后台php交互，如果上传图片完成后，则返回相应的信息。
PHP
action.php所做的就是将本地拍照的图像上传到服务器，并将图片路径返回给前端。注意存放图片的路径要给写权限。
$filename = date('YmdHis') . '.jpg';
$result = file_put_contents( 'pics/'.$filename, file_get_contents('php://input') );
if (!$result) {
print "ERROR: Failed to write data to $filename, check permissions\n";
exit();
}
$url = 'http://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['REQUEST_URI']) . '/pics/' . $filename;
print "$url\n";
另外深入应用场景如上传后再裁剪，生成多张不同比例的图像。
这个应该是HTML5的代码的对象，理论上，你必须符合以下两个条件，才能继续考虑代码的正确性与否：
1、如果你的IE版本低于ie8的话，应该对HTML5的支持就不好了，换用Google的Chrome浏览器吧
2、你的电脑中正确安装了摄像头驱动，一般情况下，打开“我的电脑”，摄像头就会出现在里面了。
另外需要注意的就是，这个代码是运行在客户端的，你还必须保证访问你的网站的人，其电脑上有安装摄像头，否则他看到的结果，也是无法使用。
o2o电子商务用什么后台数据库,怎么连接后台数据库
连接Access数据库 1由于Access数据库没有官方的专用JDBC驱动程序，所以必须将Access数据库连接到ODBC，再通过JDBC-ODBC连接桥连接到ODBC来访问数据库。2首先要为指定的Access数据库设置ODBC数据源，具体步骤如下：控制面板->管理工具->数据源(ODBC)添加->选择数据源的驱动程序（选择Access驱动）->点击完成-...
吁岸博士： HTML5技术支持WebApp在手机上拍照,显示在页面上并上传到服务器.这是手机微博应用中常见的功能,当然你也可以在其它类型应用中适当使用此技术. 1、 视频流 HTML5 的 The Media Capture(媒体捕捉) API 提供了对摄像头的可编程访问,用户可以
平安县17590409972： javaWeb开发中怎么调用局域网中的摄像头监控图像 - ？
吁岸博士： 我都是用activex控件来做播放插件,用的最多的是网络硬盘录像机.这种属于二次开发,需要厂家提供开发包也就是sdk,这个开发包里会有多种语言的demo,如果厂家能提供activex控件你根本不用开发的.
平安县17590409972： android 中实现网页调用摄像头功能?怎么实现? - ？
吁岸博士： 两种方法: 1、使用PhoneGap、APPCan等移动混合开发,里面有封装好的方法. 2、使用js映射,在Android端写好调用摄像头的方法,WebView中添加映射方法,网页中调用调用Android中那个调用摄像头方法.
平安县17590409972： c# 网页 上 的 拍照功能代码 ,求代码啊!可给高分! 不要B S模式的! - ？
吁岸博士： 网页上要想直接调用摄象头只用两种办法.一种是利用flash或银光,这两个是网页中的一种插件,可以调用本地摄象头.也就是说处用flash或银光代码来打开摄象头并拍摄图片,然后再利用封包上传.flash中使用的语言脚本是actionscript,十...
平安县17590409972： 有个问题: 家里有一台连接一个摄像头的电脑,一直开着的,然后我想做个网页放在虚拟空间,网页里面做一个能够调用摄像头的监控画面的功能 不知道该如何实现呢?？
吁岸博士： 可以用c++实现一个控件来调用摄像头,然后 用js调用这个控件 显示到网页上.当然 也可以用flash实现调用摄像头
平安县17590409972： 怎么给JSP网页添加摄像功能?？
吁岸博士： 到www.csdn.net 里去找
平安县17590409972： PHP或ASP做的网页上拍照的功能能不能改到在安卓手机上也能拍? - ？
吁岸博士： 这个好像不一定能实现.具体你自己操作一下.
平安县17590409972： 怎么在jsp页面中实现控制摄像头拍照功能. 求知识,求代码.能支持不同操作系统最好.？
吁岸博士： 现在的各种论坛里面的头像设置有类似的功能,一个flash模块,拍照后肯定能保存,否则也没法设置为头像.
平安县17590409972： 用Java web 实现海康威视监控预览功能 - ？
吁岸博士： 这个需要二次开发吗?、 海康的IPC或者录像机直接在IE登陆都可以看到实时监控画面.另外你说的插件是不是就是登陆时候提示安装的那个?你可以登陆试一下,会提示下下载.
平安县17590409972： 开发一个网页当中html 标签 css 和javascrpt都在扮演什么角色 起着什么作用 - ？
吁岸博士： html构成基本框架,css在这个框架上添加各种样式,JavaScript实现界面的动画效果及与用户的交互工作.
