實現方式常見有兩種:
一種是通過video控件,通過捕獲video的流,截取video中的圖像實現拍照,
還有一種是通過input[file]控件調用移動端的攝像頭,實現拍照。
兩種方法各有利弊,第一種可以實現對拍照界面的重寫(比如添加拍照界面的遮罩層提示框等)
但是,第一種方式在IPhone環境下不兼容,不能使用。
第二種方式實際上是調用input[type='file'],會彈出一個選擇框讓用戶選擇是調用相機還是調用相冊,
好處就是兼容優於上一種,不好的地方就是這種方法無法控制拍照,想要在移動端實現只能拍照不能選擇照片或者在拍照界面添加引導遮罩層的方法是行不通了。
這里說一下第二種方式的實現方式:
首先在頁面上添加一個input控件實現調用相機。