html5 调用手机摄像头以及录音的方法

春天,大自然一片生机,天空则设计了一个优美的背景。淡蓝的颜色,有些透明,像一块在强烈光照下的蓝宝石,无暇的找不出半点疵瑕。云儿也不知上哪儿玩去了,剩下个特大特明亮的太陽,照得天空泛白。万物在这背景下都是那么的奇妙美好,无处不弥漫着陽光的气味。天空,多么像一位诗人,创造了春天这么美的意境!

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

html5 调用手机摄像头以及录音

HTML5 调用手机摄像头

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

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

<input type="file" accept="image/*" capture="camera">

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

<input type="file" accept="video/*" capture="camera">

HTML5 进行手机录音

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

例:

<input type="file" accept="audio/*" capture="microphone">

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

到此这篇关于html5 调用手机摄像头以及录音的方法就介绍到这了。一个人的性格决定他的机遇。如果你喜欢保持你的性格,那么,你就无权拒绝你的机遇。更多相关html5 调用手机摄像头以及录音的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: HTML HTML教程