本篇文章展示了HTML5調(diào)用手機端相機的具體操作，代碼簡明扼要容易理解，絕對能讓你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、舞陽網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5技術(shù)、商城開發(fā)、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為舞陽等各大城市提供網(wǎng)站開發(fā)制作服務。

input調(diào)用設備錄像

HTML5官方文檔解釋：capture屬性用于調(diào)用設備的攝像頭或麥克風。
當accept=”audio/或video/”時capture只有兩種值，一種是user，用于調(diào)用面向人臉的攝像頭(例如手機前置攝像頭)，一種是environment，用于調(diào)用環(huán)境攝像頭(例如手機后置攝像頭)。
當accept=”audio”時，只要有capture就調(diào)用設備麥克風，忽略user和environment值。
至于網(wǎng)上提到的camera和filesystem，官方?jīng)]提。
官方文檔：www.w3.org/TR/2018/REC-html-media-capture-20180201/

iOS最遵守遵守HTML5規(guī)范，其次是X5內(nèi)核，安卓的webview基本忽略了capture。
理想情況下應該按照如下開發(fā)webview：

1.當accept=”image/”時，capture=”user”調(diào)用前置照相機，capture=”其他值”，調(diào)用后置照相機
2. 當accept=”video/”時，capture=”user”調(diào)用前置錄像機，capture=”其他值”，調(diào)用后置錄像機
3. 當accept=”image/,video/”，capture=”user”調(diào)用前置攝像頭，capture=”其他值”，調(diào)用后置攝像頭，默認照相，可切換錄像
4. 當accept=”audio/*”時，capture=”放空或者任意值”，調(diào)用錄音機
5. 當input沒有capture時，根據(jù)accppt類型給出文件夾選項以及攝像頭或者錄音機選項
6. input含有multiple時訪問文件夾可勾選多文件，調(diào)用系統(tǒng)攝像頭或者錄音機都只是單文件
7. 無multiple時都只能單文件

判斷設備類型

var ua = navigator.userAgent.toLowerCase();
if(ua.match(/android/i)) == "android") {
 alert("android");
}
if(ua.match(/iPhone/i)) == "iPhone") {
 alert("iPhone");
}
if(ua.match(/iPad/i)) == "iPad") {
 alert("iPad");
}

看完上述內(nèi)容，你們掌握HTML5調(diào)用手機端相機的方法了嗎？如果還想學到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！