html5调用手机摄像头

发布时间:2019-08-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5调用手机摄像头脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的html5调用手机摄像头全部内容,希望文章能够帮你解决html5调用手机摄像头所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。