간단한 오디오/비디오를 재생할 수 있는 <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!