오랜만에 글쓰네요.
요즘 하이브리드 웹을 많이 사용하시는데요.
네이티브 코딩없이 카메라 호출하는 법에 대해 쓰겠습니다.
안드로이드의 경우 2.2버전 이하는 카메라를 호출 할 수 없습니다.(4.0이상, 2.2 이하 에서만 확인해봤습니다.ㅠ 2.3단말기가 없어서)
아이폰은...IOS 6 이상에서만 확인해 봤습니다.(아마 5이하는 안될듯 하네요)
흔히 input file을 사용할때
<input type="file"/>
type만 file로 옵션을 주는데요.
이러면 lg단말기나, 베가 단말에서는 카메라 라는 항목이 보이지 않을 수 있습니다.(삼성은 카메라 라는 항목이 뜨더군요. 얼마나 뜯어 고친건지...;)
하지만
<input type="file" accept="image/*;capture=camera"/>
또는
<input type="file" accept="image/*" capture="camera">
accept 에 파일 형식을 쓰고, capture 항목에 camera 라고 써주면
직접 카메라가 호출되는 것을 볼 수 있습니다.
안드로이드의 경우 둘다 잘되는데요.
아이폰에서는 후자의 경우에만 카메라로 연결되더군요.(전자의 경우 카메라 및 비디오로 연결됩니다)
전 후자의 방법을 추천합니다.
많은 도움이 되셨길 바라면서...
'Programming > Hybrid App' 카테고리의 다른 글
| [Javascript] 정규식. 전화번호, 휴대폰 번호 추출. 검증 (0) | 2013.12.20 |
|---|---|
| [Javascript] 아이폰에서 브라우저 백버튼 클릭시 새로고침 안되는 문제. (0) | 2013.12.18 |
| [CSS] phone, tablet 구별하기(media query) (0) | 2013.09.04 |
| [jQuery] mobiscroll 에 타이틀 넣기. (0) | 2013.07.16 |
| [Javascript] input file 이미지 미리보기, 썸네일 보기, Thumbnail (2) | 2013.07.10 |