html5调用手机摄像头拍照,手机网页调用相机拍照

　　input调用设备录像，相机等…

　　5 HTML5官方文档解释：capture属性用于调用设备的摄像头或麦克风。

　　当accept="audio/or video/"时，capture只有两个值，一个是user，用来调用人脸摄像头(比如手机前置摄像头)，一个是environment，用来调用环境摄像头(比如手机后置摄像头)。

　　当accept="audio "时，只要有捕获就调用设备的麦克风，忽略用户和环境的值。

　　至于网上说的摄像头和文件系统，官方没提。

　　官方文件：www.w3.org/TR/2018/REC-html-media-capture-20180201/

　　IOS最遵守HTML5规范，其次是X5内核。Android的webview基本忽略抓拍。

　　理想情况下，webview应该开发如下：

　　1.当accept="image/"时，capture="user "调用前置摄像头，capture=" other values "调用后置摄像头。

　　2.当accept="video/"时，capture="user "调用前置录像机，capture=" other values "调用后置录像机。

　　3.当accept="image/，video/"，capture="user "调用前置摄像头，capture=" other value "，调用后置摄像头，默认拍照，可以切换录像。

　　4.当accept="audio/* "和capture="empty或任何值"时，调用记录器。

　　5.当输入没有捕获时，根据accppt类型给出文件夹选项和照相机或录像机选项。

　　6.当输入包含多个时，在访问文件夹时可以检查多个文件，而调用系统摄像头或录像机只是单个文件。

　　7.当没有多个文件时，只能使用单个文件。

　　判断设备类型

　　var ua=navigator . user agent . tolowercase()；if(ua . match(/Android/I))== Android ){ alert( Android )；} if(ua . match(/iPhone/I))== iPhone ){ alert( iPhone )；} if(ua . match(/iPad/I))== iPad ){ alert( iPad )；}!DOCTYPE html lang= en head meta charset= UTF-8 meta name= viewport content= width=device-width，initial-scale=1.0 title document/title/head body输入类型= file accept= image/* capture= camera 输入类型= file accept= video/* capture= camera 输入类型= file accept= audio/* capture= microphone /body/html script var file=document . query select( input))；if(getIos()){ file . remove attribute( capture )；//如果是ios设备，删除 capture 属性} function getios(){ varua=navigator . user agent . to lower case()；if(ua . match(/iPhone \ sOS/I)== iPhone OS ){ return true；} else {返回false} }/脚本就是这样。这篇关于Html5在手机上调用摄像头的实现的文章就介绍到这里。关于Html5在手机上调用摄像头的更多信息，请搜索之前的文章或者继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。