브라우저를 통한 카메라 액세스
답변:
당신은 이것을 시도 할 수 있습니다 :
<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">하지만 작동하려면 iOS 6 이상이어야 합니다. 그러면 사진을 찍거나 앨범에서 사진을 업로드 할 수있는 좋은 대화가 나타납니다.
예는 다음과 같습니다. PhoneGap없이 카메라 / 사진 데이터 캡처
'image.jpg'입니다. 따라서 같은 형식으로 몇 개의 이미지를 업로드하는 경우 이름을 바꾸는 것이 아니라면 같은 이름으로 인해 서로 덮어 씁니다.
2015 년 현재는 이제 작동합니다 .
<input type="file">그러면 사용자에게 파일 업로드를 요청합니다. iOS 8.x에서는 카메라 비디오, 카메라 사진 또는 사진 라이브러리의 사진 / 비디오 일 수 있습니다.
<input type="file" accept="image/*">위와 같지만 비디오가 아닌 카메라 나 라이브러리의 사진으로 만 업로드 할 수 있습니다.
iOS6에서 Apple은 <input type="file">태그 를 통해이를 지원합니다 . Apple 개발자 문서에서 유용한 링크를 찾을 수 없지만 여기 에 예제가 있습니다 .
오버레이처럼 보이고 고급 기능을 아직 사용할 수 없지만 많은 사용 사례에서 작동합니다.
편집 : w3c에는 iOS6 Safari가 하위 집합을 구현하는 것으로 보입니다. capture특성은 특히 누락.
나는 이것이 작동하고 있다고 생각합니다. 비디오 또는 오디오 녹음;
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">또는 (새로운 방법)
<device type="media" onchange="update(this.data)"></device>
<video autoplay></video>
<script>
function update(stream) {
document.querySelector('video').src = stream.url;
}
</script>그렇지 않은 경우 아마도 ios6에서 작동 할 것입니다. 사용자 미디어 가져 오기 에서 자세한 내용을 찾을 수 있습니다
이 질문은 이미 몇 년이되었지만 그 당시에는 카메라에 직접 액세스하고 미리보기를 표시하고 스냅 샷 캡처 (예 : QR 코드 스캔)와 같은 몇 가지 추가 가능성이 발전했습니다.
이 Google Developers 기사는 "어디서나 작업"(데스크톱 브라우저에서도)에서 "현대적이고 최신에서만 작동"에 이르기까지 이미지 / 카메라 데이터를 웹 애플리케이션으로 가져 오는 방법에 대한 모든 (?) 방법에 대해 자세히 설명합니다. 카메라가 장착 된 최신 휴대 기기 " 많은 유용한 팁과 함께.
설명 된 방법 :
- URL 요청
- 파일 입력 (여기의 다른 게시물에서 다룹니다)
- 드래그 앤 드롭 (데스크톱 브라우저에 유용)
- 클립 보드에서 붙여 넣기
- 대화식으로 카메라 액세스