前两天发布了一篇关于利用html5在手机端进行拨号和发送短信的教程,今天再说一下利用html5在手机端调用摄像头以及录音的教程

fb2c4251319f7a71deebef52933e8b21.png

HTML5 调用手机摄像头

在html5中可以利用type类型为file的input的标签调起手机的摄像头

7844927ae1f83c3d4ccae9d1013788f9.png

例:html5调用手机摄像头进行拍照

例:html5调用手机摄像头进行录像

HTML5 进行手机录音

2d14fd03483b00a6bdcd0e209a98c61a.png

input 标签,不仅仅可以调用起手机的摄像头,还可以录音呢

例:

input代码解析

input accept 属性

accept属性可以限制可用文件的类型,当 input 标签的 type 属性为 file 时,可以规定服务器所接受的文件类型

例如:

accept="audio/*" 表示所有音频文件accept="video/*" 表示视频文件accept="image/"* 表示图片文件

当然你也可以使用文件后缀名的形式

例:

accept="image/png* 表示只接收后缀名为 png 的图片accept="image/jpg* 表示只接收后缀名为 jpg 的图片accept=".png, .jpg, .jpeg" 表示可以同时接收 png jpg jpeg 后缀的文件

input capture 属性

capture:可以指定调用手机的拍照,摄像以及录音等功能capture="camera" 手机相机capture="camcorder" 手机摄像机capture="microphone" 手机录音
Logo

前往低代码交流专区

更多推荐