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逐渐会越来越强大的。

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

查看所有标签

猜你喜欢:

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

码农书籍

How to Design Programs

Matthias Felleisen、Robert Bruce Findler、Matthew Flatt、Shriram Krishnamurthi / The MIT Press / 2001-2-12 / 71.00美元

This introduction to programming places computer science in the core of a liberal arts education. Unlike other introductory books, it focuses on the program design process. This approach fosters a var......一起来看看《How to Design Programs》这本书的介绍吧!

码农工具

XML 在线格式化

在线 XML 格式化压缩工具

UNIX 时间戳转换

RGB CMYK 转换工具

RGB CMYK 互转工具