메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
input type="file" 의 capture 애트리뷰트, 카메라 사용하기 테스트용
3
목록
작성자
공대여자
작성 : 2017-08-29 15:24
조회 : 2933
지남
1일간
2017-08-29
-
2017-08-29
좌표
외부링크
🔗 https://developers.google.com/web/fundamentals/media/capturing-images?hl=ko
외부링크
🔗 https://mins01.github.io/web_work_doc/HTML5/with_camera/with_camera.html
외부링크
🔗 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture
#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}}
내용이 너무 많습니다!
-
no-star
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
목록형
📅 달력형
게시물 : 1702 (114 page)
No
제목
작성자
등록
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
공대여자
02/06 13:44
49257
공지
유용한 리눅스(LINUX) 명령어
공대여자
03/03 14:47
58022
공지
[공지] 기술 게시판
mins01
06/24 15:10
59310
GA의 utm_medium 별 기본 채널 그룹
new
#ga
#medium
js-pointer-event-handler
1
#pointer
#event
reportError()
1
#report
#error
queueMicrotask()
2
#microtask
UI exclusive dialog
1
#modal
#dialog
마우스 등의 입력장치의 폴링레이트 이슈 PC/Mobile
#폴링레이트
#지연시간
#마우스
#팬
윈도우에서 포트포워딩 하기
#포트포워딩
git hub 소스에서 cors 회피하기
#github
웹 폰트 사용시 load, ready 시점 주의
#font
js-templater 단순한 JS 템플릿 엔진 만들봤는데...
1
#template
웹 페이지에서 선택된 문자열의 너비 알아오기
#text
#range
#width
HTML에서 자식요소를 격리 시키기 contain: strict;
2
#contain
#isolate
contenteditable="plaintext-only"
#contenteditable
openweathermap.org 날씨정보 API
2
#api
#날씨
css grid repeat 사용법. (동적 컬럼)
#grid
#auto-fit
#auto-fill
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색