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

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

查看所有标签

猜你喜欢:

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

码农书籍

Head First HTML and CSS

Elisabeth Robson、Eric Freeman / O'Reilly Media / 2012-9-8 / USD 39.99

Tired of reading HTML books that only make sense after you're an expert? Then it's about time you picked up Head First HTML and really learned HTML. You want to learn HTML so you can finally create th......一起来看看《Head First HTML and CSS》这本书的介绍吧!

码农工具

RGB转16进制工具

RGB HEX 互转工具

html5调用手机摄像头

Head First HTML and CSS

RGB转16进制工具

正则表达式在线测试