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="camera" name="user" /> 
    • 후면카메라 우선: <input class="form-control" type="file" accept="image/*"  capture="camera" name="environment" />
  • 마이크(소리,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 상태임.
목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
tag
제목 작성자 날짜
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
#기본형
공대여자
유용한 리눅스(LINUX) 명령어
#linux #command
공대여자
[공지] 기술 게시판
#etc #공지
mins01
HTML에서 자식요소를 격리 시키기 contain: strict; new 2
#contain #isolate
공대여자
contenteditable="plaintext-only" new
#contenteditable
공대여자
openweathermap.org 날씨정보 API 2
#api #날씨
공대여자
css grid repeat 사용법. (동적 컬럼)
#grid #auto-fit #auto-fill
공대여자
pointerrawupdate event 1
#pointer
공대여자
scroll-snap 사용시 주의 사항
#scroll-snap
공대여자
현재 폴더 기준 이미지 파일의 너비 높이 알아오기
#php #image
공대여자
motion. A modern animation library for JavaScript, React and Vue 1
#animation #motion
공대여자
canvas에서 문자열 측정값. baseline 기준 하단 상단 높이 측정. fontBoundingBoxAscent, fontBoundingBoxDescent 1
#canvas #measuretext
공대여자
개발용 테스트 웹 서버 띄우는 방법
#web #server
공대여자
vite + react
#vite #react
공대여자
wampserver 1
#amp
공대여자
HTML 에서 중앙에 위치하게 할 때 center
#html #center #grid
공대여자
git submodule 사용법 (서브모듈 속 서브모듈도)
#git #submodule
공대여자
ui-input-stepper 2
#stepper #input
공대여자
tag