html5調用手機攝像頭

HTML5 攝像機 相機 技術 恆星網絡 恆星網絡 2017-09-03

項目中需要用到 html5調用手機攝像頭,找了很多資料,大都是 js調用api ,做了幾個demo測試發現根本不行, 後來恍然大悟,用html5自帶的 input file="" ,純html5,並且不涉及到js ,就可以實現。

html5調用手機攝像頭

代碼如下:

html5調用手機攝像頭

capture表示,可以捕獲到系統默認的設備,比如:camera--照相機;camcorder--攝像機;microphone--錄音。

accept表示,直接打開系統文件目錄。

其實html5的input:file標籤還支持一個multiple屬性,表示可以支持多選,如:

html5調用手機攝像頭

加上這個multiple後,capture就沒啥用了,因為multiple是專門用來支持多選的。

相關推薦

推薦中...