logo image
메인
기술
HOME
기술

input type="file" 의 capture 애트리뷰트, 카메라 사용하기 테스트용

3
목록
#html5 #input #file #capture
http://mins01.com/web_work/doc/HTML5/with_camera/with_camera.html


  • 카메라(사진,IMAGE)
    • <input class="form-control" type="file" accept="image/*"  capture="camera" name="input_file" />
    • 전면카메라 우선: <input class="form-control" type="file" accept="image/*"  capture="user" /> 
    • 후면카메라 우선: <input class="form-control" type="file" accept="image/*"  capture="environment" />
    • 전면/후면 힌트는 IOS 기준
  • 마이크(소리,AUDIO)
    • <input class="form-control" type="file" accept="audio/*"  capture="microphone" name="input_file" />
  • 영상(동영상,VIDEO)
    • <input class="form-control" type="file" accept="video/*"  capture="camcorder" name="input_file" />
  • 현재 HTML의 Editor's Draft 상태임.
  • accept 를 기준으로 동작 디바이스가 결정이 됨.
  • capture는 힌드로 브라우저에서 무시될 수 있음. 
    • 데스크탑 브라우저는 무시할 것임
목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
일
월
화
수
목
금
토
7.27
7.28
7.29
윈도우에서 포트포워딩 하기
7.30
7.31
8.1
마우스 등의 입력장치의 폴링레이트 이슈 PC/Mobile
8.2
8.3
8.4
8.5
8.6
UI exclusive dialog
8.7
queueMicrotask()
reportError()
8.8
8.9
8.10
8.11
8.12
8.13
js-pointer-event-handler
8.14
8.15
8.16
8.17
8.18
8.19
GA의 utm_medium 별 기본 채널 그룹
8.20
8.21
8.22
8.23
8.24
8.25
8.26
8.27
8.28
8.29
8.30
8.31
9.1
9.2
9.3
9.4
9.5
9.6
tag