HTML 미디어 캡처 API 대 getUserMedia()

Question

현재, 저는 아주 간단한 것을하려고합니다. (글쎄, 실제로는 간단하다고 생각했습니다 ...) : 웹캠에서 사진을 찍고 싶습니다. 웹 응용 프로그램.

1. 정말 쉽게 보이는 HTML 미디어 캡처 API :

<input type="file" accept="image/*" capture="camera"> 

2. 자바 스크립트의 미디어 스트림도 아주 쉽게 볼 :

나는 두 가지 가능성을 통해 발견

navigator.getUserMedia() 

여기 내 질문 :

HTML 미디어 캡처 API가 데스크톱 브라우저에서 작동하지 않고 JavaScript 미디어 스트림이 iOS에서 작동하지 않습니다. 그래서 어느 것을 가져 가야합니까? 양자 모두? 어느 것이 미래에 개발 될 것입니까? 어느 쪽이 선호되는 방법입니까? 어느 것을 더 선호 해? 하나의 솔루션에 운임이 표시되지 않는 단점이 있습니까 (호환성 제외)?

감사합니다.

은 BTW :;,

Answer 1

여기에 예를 http://html5.by/blog/demo/image-capture-getusermedia/ 이며, 여기 당신이 러시아어에 http://html5.by/blog/html5-image-capture-getusermedia-stream-api-mirror/ 유감을 도울 수있는 글입니다) 나는 친절하십시오, 경험이 풍부한 HTML/자바 스크립트 개발자가 아니에요 그러나 예는 작동하고 당신은 코드를 확인할 수 있습니다 + 구글 번역 :

그것이

Answer 2

모바일 브라우저를 도움이되기를 바랍니다

<input type="file" accept="image/*" capture >

안드로이드 (3.0 이상) 카메라로 바로 이동합니다 :

를 사용하여 HTML 미디어 캡처 이미지 카메라에서 직접를 촬영합니다. 여기 몇 가지 CSS 스타일 돌볼 것입니다 방법은 다음과 같습니다

아이폰 OS (6-10) 여전히 당신이 capture를 지원하지 않기 때문에 기존의 사진을 선택할 수있는 옵션을 제공 할 것입니다. 자세한 내용은 Correct Syntax for HTML Media Capture을 참조하십시오.

데스크톱 브라우저 :

1) 웹캠에 액세스 : 사용의 MediaStream의 API의 getUserMedia :

navigator.getUserMedia 또는

2 navigator.mediaDevices.getUserMedia을 기반으로 새로운 약속) 스냅 샷을 캔버스를 사용

David Walsh's example은 데스크톱의 두 단계를 모두 다루고 있습니다.