캔버스/디스플레이없이 보이지 않는 WebRTC/비디오 사진 찍기

Question

캔버스를 사용하여 사용자에게 보여주기 위해 (비디오 요소 및 mediaDevices.getUserMedia을 사용하여) 웹캠에서 사진을 캡처하는 방법을 설명하는 Taking still photos을 MDN에서 읽었습니다. 내가 하지 필요성을 (하고 싶지 않다) 그러나

사용자에게 촬영 이미지를 표시하고, 따라서 나는 또한 내가 그 첫 번째 단지를 얻기 위해 캔버스 그리기 말할 것 같은 캔버스를 사용하지 않으려는 이미지 데이터 (ImageData 또는 DataUri)는 성능에 좋지 않을 수 있습니다.

캔버스를 사용하지 않고 이미지 데이터를 가져 오는 방법이 있습니까?

Answer 1

캔버스를 사용하면 완전히 잘되고 성능이 좋습니다. 캔버스를 문서에 첨부하지 마십시오. 캔버스가 표시되지 않습니다. 실적에 대한 귀하의 우려는 근거가 없다고 생각합니다.

스트림에서 데이터를 가져 오는 또 다른 유일한 방법은 MediaRecorder이지만 원하는 프레임 속도로 비디오를 만들어 내고 훨씬 더 복잡하게 만듭니다.

imageCapture API에 대한 이야기가 있지만, behind a flag을 제외한 모든 브라우저에서 아직 구현되지 않았습니다. 가능한 경우 전체 해상도 사진 카메라 (예 : 휴대 전화)에 액세스 할 수있는 .takePhoto() 방법을 제공합니다.