前兩天發布了一篇關于利用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" 手機錄音