read : input type="file" 의 capture 애트리뷰트, 카메라 사용하기 테스트용 : 기술 #html5 #input #file #capture::공대여자홈

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

3

목록

작성자 공대여자

작성 : 2017-08-29 15:24 조회 : 3310
지남 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	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	71672
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	78700
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	80124
1055	WebRTC 테스트 문서 1 #webrtc #카메라 #마이크 #동영상 #녹화 #html5	공대여자	17-08-2908-29	799
1054	input type="file" 의 capture 애트리뷰트, 카메라 사용하기 테스트용 3 #html5 #input #file #capture	공대여자	17-08-2908-29	3311
1053	Capturing Audio & Video in HTML5 1 #html5	공대여자	17-08-2908-29	463
1052	네이버 한글한글아름답게 1 #link #naver #한글	공대여자	17-08-2808-28	864
1051	simple_html_dom 1 #javascript	공대여자	17-08-2508-25	427
1050	PointerEvent 2 #javascript	공대여자	17-08-1508-15	406
1049	webpack 1 #javascript	공대여자	17-08-1408-14	423
1048	Median-Cut Color Quantization, 제한된 색상에 대한 index 최적화 2 #weblang	공대여자	17-08-1208-12	586
1047	무료 대체 프로그램. #program	공대여자	17-08-1108-11	347
1046	무료 일러스트레이터, 잉크스케이프, Inkscape 1 #etc #inkscape #vector #백터 #graphic #image	공대여자	17-08-1108-11	1404
1045	링크: 이미지 외부 유출 방지용 웹서버 설정 (아파치 nginx) 1 #apache	공대여자	17-08-0408-04	404
1044	오픈 소프트웨어 라이센스 2 #etc #license #open #라이센스	공대여자	17-08-0208-02	1056
1043	카카오톡 계정 탈퇴하기. #kakao #link	공대여자	17-07-3107-31	821
1042	node js용 모듈 #javascript	공대여자	17-07-2607-26	460
1041	Electron, 일렉트론, node.js 기반 프레임워크 1 #weblang	공대여자	17-07-2007-20	747