html5調用手機攝像頭

曾經作過一個項目,仿照當下最火的軍裝照頁面，作出圖片融合效果。當時的整個項目組都動容了，太難了，總共用了三種方案

一、canvas
二、python opencv
三、C++

這些不是重點，重點是在上傳照片調取攝像頭功能

上傳照片 <input type='file'>標籤，若是調用攝像頭，不少小夥伴就會想到js各類API，但最終一無所得，其實html5就能夠解決

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

capture表示能夠捕獲到系統默認的設備
accept表示直接打開系統文件目錄
camera表示攝像頭
camcorder表示攝像機
microphone表示錄音

在給你們普及一下multiple屬性，表示能夠支持多選

<input type="file" accept="image/*" multiple>

加上multiple標籤 capture就沒什麼用了，
注意：本人親測，multiple在ios下好用，android下很差使

雖然javascript是弱類型語言，受限於設備，可是隨着技術的逐漸更新，設備機能的逐漸高新，我相信javascript逐漸會愈來愈強大的。