h5调用手机相机和录音机_html5 调用手机摄像头以及录音的方法

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

HTML5 调用手机摄像头

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

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

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

HTML5 进行手机录音

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"   手机录音