前兩天發布了一篇關于利用html5在手機端進行撥號和發送短信的教程,今天再說一下利用html5在手機端調用攝像頭以及錄音的教程

html5 調用手機攝像頭以及錄音

HTML5 調用手機攝像頭

国产视频app在html5中可以利用type類型為file的input的標簽調起手機的攝像頭

例:html5調用手機攝像頭進行拍照

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

例:html5調用手機攝像頭進行錄像

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

HTML5 進行手機錄音

国产视频appinput 標簽,不僅僅可以調用起手機的攝像頭,還可以錄音呢

例:

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

input代碼解析

input accept 屬性

国产视频appaccept屬性可以限制可用文件的類型,當 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"   手機錄音