레퍼런스 createCapture()

createCapture()

웹캠 또는 마이크로부터 오디오/비디오 스트림을 캡처(capture)하는 <video></video> 요소를 생성합니다.

createCapture()는 새로운 p5.MediaElement 객체를 반환합니다. 비디오는 기본적으로 보여집니다. capture.hide()를 호출하여 숨길 수 있으며, image()를 사용하여 캔버스에 그려낼 수 있습니다.

첫 번째 매개변수 type은 선택적(optional) 매개변수입니다. 이는 캡처 타입을 설정합니다. 기본적으로, createCapture()는 오디오와 비디오 모두를 캡처합니다. createCapture(VIDEO) 처럼 VIDEO가 전달되는 경우, 오직 비디오만 캡처됩니다. createCapture(AUDIO) 처럼 AUDIO가 전달되는 경우, 오직 오디오만 캡처됩니다. 스트림을 커스터마이즈하기 위해 제약 조건을 담은 객체를 전달할 수도 있습니다. W3C documentation에서 가능한 속성들을 살펴보세요. 브라우저마다 지원하는 속성이 다를 수 있습니다.

'flipped' 속성은 {flipped:true}와 같이 사용되며, 비디오 출력을 반전시킬지 여부를 결정하는 선택적(optional) 속성입니다. true가 전달되면 비디오는 반전되어 나타나며, 기본값은 false입니다.

두 번째 매개변수 callback는 선택적 매개변수입니다. 캡처를 사용할 준비가 끝났을 때 한 번 실행될 함수입니다. 콜백함수는 하나의 매개변수 stream를 받는데, 이는 MediaStream 객체입니다.

주의: createCapture()는 스케치가 로컬환경 또는 HTTPS 환경에서 실행될 때에만 작동합니다. 더 자세한 내용은 여기여기를 참고하세요.

예제

구문

createCapture([type], [flipped], [callback])

매개변수

type
String|Constant|Object:

캡처 타입(AUDIO 또는 VIDEO), 또는 제약조건 객체. 기본값은 비디오와 오디오 스트림 모두 캡처됨

flipped
Object:

캡처된 비디오 출력의 반전 여부. {flipped:true}와 같이 사용. 기본값은 false

callback
Function:

스트림이 준비되었을 때 한 번 실행될 함수

Returns

p5.MediaElement: 새로 생성된 p5.MediaElement 객체
Notice any errors or typos? Please let us know. Please feel free to edit src/dom/dom.js and open a pull request!

관련 레퍼런스