html5调用手机摄像头

栏目: Html5 · 发布时间: 5年前

内容简介:曾经做过一个项目,仿照当下最火的军装照页面,做出图片融合效果。当时的整个项目组都动容了,太难了,总共用了三种方案1、canvas2、python opencv

曾经做过一个项目,仿照当下最火的军装照页面,做出图片融合效果。当时的整个项目组都动容了,太难了,总共用了三种方案

1、canvas

2、python opencv

3、C++

这些不是重点,重点是在上传照片调取摄像头功能

上传照片 <input type='file'>标签,如果调用摄像头,很多小伙伴就会想到js各种API,但最终一无所获,其实html5就可以解决

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

capture表示可以捕获到系统默认的设备

accept表示直接打开系统文件目录

camera表示摄像头

camcorder表示摄像机

microphone表示录音

在给大家普及一下multiple属性,表示可以支持多选

<input type="file" accept="image/*" multiple>

加上multiple标签 capture就没什么用了,

注意:本人亲测,multiple在ios下好用,android下不好使

虽然javascript是弱类型语言,受限于设备,但是随着技术的逐渐更新,设备机能的逐渐高新,我相信javascript逐渐会越来越强大的。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

编码整洁之道

编码整洁之道

罗伯特·C.马丁 / 电子工业出版社 / 2012-8 / 59.00元

忍受各种不确定性及不间断的压力并能够获取成功的程序员有一个共通特征:他们都深度关注软件创建实践。他们都把软件看做一种工艺品。他们都是专家。在“鲍勃大叔”看来“专业”的程序员不仅应该具备专业的技能,更应该具备专业的态度,这也是本书阐述的核心。专业的态度包括如何用带着荣誉感、自尊、自豪来面对进行软件开发,如何做好并做得整洁,如何诚实地进行沟通和估算,如何透明并坦诚地面对困难做抉择,如何理解与专业知识相......一起来看看 《编码整洁之道》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具