html5 利用 编写的调用手机摄像头进行拍照的功能。 WEB(ASP,PHP,...) 238万源代码下载-
&文件名称: html5
& & & & &&]
&&所属分类:
&&开发工具: Java
&&文件大小: 3 KB
&&上传时间:
&&下载次数: 51
&&提 供 者:
&详细说明：利用html5 编写的调用手机摄像头进行拍照的功能。-Prepared using HTML5 call the mobile phone camera functionality.
文件列表(点击判断是否您需要的文件，如果是垃圾请在下面评价投诉):
&&html5.wps
&[]:不是源代码或资料&[]:纯粹是垃圾&[]:纯粹是垃圾&[]:文件不全&[]:和说明完全不符
&近期下载过的用户:
&相关搜索:
&输入关键字，在本站238万海量源码库中尽情搜索：
&[] - ADC的一段程序 希望对大家有用 这个是基于MSP430系列单片机实现的
&[] - AVR proteus LCD1602 和 硬件图
&[] - html5制作的一个IOS手机,非常好好玩，附送源码。
&[] - 讨论html5 的Canvas、Geolocation 、Communication、WebSocket、Forms、Web Workers、Storage 等API 的使用， 辅以直观明了的客户端和服务器端示例代码，让开发人员能够迅速理解和掌握新一代Web 标准所涵盖的核心技术。
&[] - html5制作的类似愤怒小鸟的游戏，使用网页浏览器打开就可使用。
&[] - JavaScript实现地理位置定位。显示经纬度。显示当前位置。html5新元素实现
&[] - html5写的 网络摄像头 可拍照， 在电脑上测试成功
&[] - html5调用本地摄像头,可以进行照片的拍摄
&[] - android控制相机拍照的示例程序源代码，拍照后将文件存入指定文件夹中（如SD卡目录）。开发拍照程序可以参考欢迎加入我们，一同切磋技术。 &
用户名： &&&
密　码： &
共有 2233 人关注过本帖
标题：HTML5调用摄像头拍照上传图片？
等　级：新手上路
&&问题点数：0&&回复次数：2&&&
HTML5调用摄像头拍照上传图片？
HTML5调用摄像头拍照上传图片，图片会自动旋转，如何才能不旋转。
搜索更多相关主题的帖子:
来　自：北京
等　级：版主
威　望：120
帖　子：8067
专家分：6655
代码放上来看看
本来无一物，何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
等　级：新手上路
嗯，你是用手机才会出现这个问题吧？去搜一下可以读取照片EXIF信息的类库。要根据拍照时手机的orientation去旋转照片。
版权所有，并保留所有权利。
Powered by , Processed in 0.397536 second(s), 8 queries.
Copyright&, BCCN.NET, All Rights Reserved查看: 3034|回复: 6
注册时间最后登录阅读权限200积分558精华2帖子
初来乍到, 积分 558, 距离下一级还需 -258 积分
本帖最后由 张山鹬 于
16:23 编辑
可能是明年最受关注的标准了，Mozilla为此开发了一套帮助你控制硬件的API，例如，摄像头，麦克风，或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。在今天的这篇文章中，我们将介绍来自开发的，使用这个类库可以帮助你快速的调用摄像头功能，你可以很容易的添加摄像头功能到网站中。并且快速的帮助你拍照，你可以使用这个功能来实现用户的大头照拍摄，是不是非常不错？
主要特性：对比度设置颜色设置亮度设置色调设置拍照按钮支持最新的chrome, firefox, opera等浏览器支持jQuery插件方式和javascript代码方式
使用Chrome打开在线演示后，请确认允许浏览器调用你的摄像头，如下：
欢迎分享web技术和教程！
注册时间最后登录阅读权限200积分610精华0帖子
菜鸟码农, 积分 610, 距离下一级还需 390 积分
好东西，试了一下DEMO，没成功
11选5彩票分析系统
注册时间最后登录阅读权限200积分558精华2帖子
初来乍到, 积分 558, 距离下一级还需 -258 积分
梦和幻想 发表于
好东西，试了一下DEMO，没成功
怎么会呢？你的浏览器是FF和chrome吗？
欢迎分享web技术和教程！
注册时间最后登录阅读权限200积分5精华0帖子
初来乍到, 积分 5, 距离下一级还需 295 积分
我试了一下，挺好用的。Chrome浏览器
注册时间最后登录阅读权限200积分162精华0帖子
初来乍到, 积分 162, 距离下一级还需 138 积分
看样子 我是要学点html5了 不安真的落伍了
关爱牙齿到
注册时间最后登录阅读权限200积分27精华0帖子
初来乍到, 积分 27, 距离下一级还需 273 积分
有机会看一下~~
注册时间最后登录阅读权限200积分128精华0帖子
初来乍到, 积分 128, 距离下一级还需 172 积分
webrtc还不错
Powered by当前位置：
html5调用本地摄像头拍照上传教程
许多朋友都在问html5怎么调用本地摄像头，本文小编就为您带来详细教程。
在的世界里，要获取本地摄像头，只要配合js就可以轻松获取!本文小编就为您带来调用本地摄像头拍照上传教程，希望对大家能够有所帮助。
看看主要代码吧：
这个是前台HTML的代码。
&div id=&contentHolder&&& && &
&video id=&video& width=&320& height=&320& autoplay&
&/video&& && &
&button id=&snap& style=&display:none&& 拍照&/button&& && &&&
&canvas style=&display:none& id=&canvas& width=&320& height=&320&&
下面这个是主要代码了。(jquery)
&script&& &&&
&&//判断浏览器是否支持HTML5 Canvas& && && &&&
window.onload = function () {& && && &
& &&&try {& && && && && && &
//动态创建一个canvas元 ，并获取他2Dcontext。如果出现异常则表示不支持& && && && && && & document.createElement(&canvas&).getContext(&2d&);& && &&&
& && && &&&document.getElementByIdx(&support&).innerHTML = &浏览器支持HTML5 CANVAS&;& && && &
& && &}& && && &
& &&&catch (e) {& && && &&&
& && &&&document.getElementByIdx(&support&).innerHTML = &浏览器不支持HTML5 CANVAS&;& && &
& && &&&}& && && && && &
& &&&};& && && && && &
& &&&//这段代 主要是获取摄像头的视频流并显示在Video 签中& && && &&&
window.addEventListener(&DOMContentLoaded&, function () {& && && && &
& &var canvas = document.getElementByIdx(&canvas&),& && && && &&&
& &&&context = canvas.getContext(&2d&),& && && && && &
& &video = document.getElementByIdx(&video&),& && && &
& && && &videoObj = { &video&: true },& && && && &
& && &errBack = function (error) {& && && &&&
& && && && &console.log(&Video capture error: &, error.code);& &
& && && && && &};& && && && && &
& & //navigator.getUserMedia这个写法在Opera中好像是navigator.getUserMedianow& && &
& && &&&if (navigator.getUserMedia) {& &&&
& && && && &&&navigator.getUserMedia(videoObj, function (stream) {
& && && && && && && &&&video.src =& && && && && &
& && & video.play();& && &
& && && && & }, errBack);& && && &&&
& & } else if (navigator.webkitGetUserMedia) {& && &&&
& && && &&&navigator.webkitGetUserMedia(videoObj, function (stream) {& && && &
& && && && & video.src = window.webkitURL.createObjectURL(stream);& && && &&&
& && && && &video.play();& && && &&&
& && &&&}, errBack);& && && &&&
& & }& && && &
& && &//这个是拍照按钮的事件，& && && &
& &&&$(&#snap&).click(function () {& && && &
& && && &context.drawImage(video, 0, 0, 320, 320);& &&&
& && && && &&&//CatchCode();& && && &&&
& & });& && && &&&
& && && & }, false);& && && &&&
& && && & //定时器& && && &
&&var interval = setInterval(CatchCode, &300&);& && &
& && && && && && && && & //这个是 刷新上 图像的& && &&&
& &function CatchCode() {& && &&&
& && & $(&#snap&).click();
//实际运用可不写，测试代 ， 为单击拍照按钮就获取了当前图像，有其他用途& &
& && && &&&var canvans = document.getElementByIdx(&canvas&);
//获取浏览器页面的画布对象& && && && && && && &&&
& &//以下开始编 数据& &
& && && && && && && && && && && & var imgData = canvans.toDataURL();
//将图像转换为base64数据
& && && && && &var base64Data = imgData.substr(22);
//在前端截取22位之后的字符串作为图像数据& && &
& && && && && && && && && & //开始异步上& && && && &
& &$.post(&uploadImgCode.ashx&, { &img&: base64Data }, function (data, status) {& && &
& && && && & if (status == &success&) {& && && && && &&&
& && &if (data == &OK&) {& && && && && &
& && && &&&alert(&二维 已经解析&);& && && && && && &
& & }& && && && && && &&&
& &else {& && && && &&&
& && && && & // alert(data);& && && &
& && && && & }& && && &
& && && &}& &&&
& && && && &&&else {& &
& && && && && && &&&alert(&数据上 失败&);& && && && && &&&
&&}& && && && && &}, &text&);& && && &&&
& && && & }& && &
最后的就是接收经过base64编码之后的图像文件了。
public void ProcessRequest (HttpContext context) {& &
& && &//接收经过base64编 之后的字符串& &
& && &context.Response.ContentType = &text/plain&;& && &&&
&&try& && & {& && && &&&
& &img =context.Request[&img&].ToString();
//获取base64字符串& && && &
& & byte[] imgBytes = Convert.FromBase64String(img);
//将base64字符串转换为字节数组& && && && &
&&System.IO.Stream stream = new System.IO.MemoryStream(imgBytes);
//将字节数组转换为字节流& && &
& && &&&//将流转回Image，用于将PNG 式照片转为jpg，压缩体积以便保存。& && && &
& &&&System.Drawing.Image imgae = System.Drawing.Image.FromStream(stream);& &
& && && & imgae.Save(context.Server.MapPath(&~/Test/&) + Guid.NewGuid().ToString()+&.jpg&, System.Drawing.Imaging.ImageFormat.Jpeg);//保存图片& && && && &
context.Response.Write(&OK&);//输出调用结果& && && && && &
& &}& && && & catch (Exception msg)& && && & {& && && && &
img =& && && && &
&&context.Response.Write(msg);& && &
& && &&&& && && && && &
& & }& && && && &&&
至此B/S通过本地摄像头拍照上传就完成了。HTML5的强大之处，爱不释手了。。。不在像以前需要写一堆烦人的东东了，而且你也可以不用去学flash...
以上便是小编为您带来的全部内容了，不知道对您有没有帮助呢?
核弹头小游戏网发布此文仅为传递信息，不代表认同其观点或者证实其描述!
游戏老司机}