레퍼런스 createVideo()

createVideo()

간단한 오디오/비디오를 재생할 수 있는 <video></video> 요소를 생성합니다.

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

첫 번째 매개변수 src는 비디오 파일의 경로입니다. '/assets/topsecret.mp4'와 같이 하나의 문자열이 전달된다면, 하나의 비디오가 불러와집니다. 문자열 배열을 이용하면 하나의 비디오를 여러 포맷으로 불러올 수 있습니다. 예를 들어, ['/assets/topsecret.mp4', '/assets/topsecret.ogv', '/assets/topsecret.webm']와 같이 사용하면 됩니다. 이는 다양한 호환성을 가진 다양한 브라우저에서 비디오를 재생할 수 있도록 보장하는데 유용하게 사용됩니다. 더 자세한 정보와 지원되는 포맷은 MDN을 참고해주세요.

두 번째 매개변수 callback은 선택적(optional) 매개변수입니다. 비디오 재생 준비가 끝났을 때 한 번 실행될 함수를 입력받습니다.

예제

구문

createVideo(src, [callback])

매개변수

src
String|String[]:

비디오 파일 경로, 또는 비디오 파일 경로의 배열(여러 브라우저를 지원해야 할 경우)

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!

관련 레퍼런스