인프런 커뮤니티 질문&답변

마흔가짐님의 프로필 이미지
마흔가짐

작성한 질문수

애플 웹사이트 인터랙션 클론!

캔버스 드로우 애니메이션 1

이미지 대신 비디오 2

작성

·

155

0

안녕하세요 선생님!

저번에 이미지 대신에 비디오를 넣을수 있는지 물어본 학생입니다! 다름이아니라 어찌어찌 하여 이미지 대신 비디오를 넣긴 했는데 재생이 안됩니다. ㅠㅠ 그리고 유튜브에 선생님 강의보면서 적용을 시켜 비디오를 나오게 했는데 스크롤을 내리면 비디오 작동이 안되더라구요.. 어떻게 해결을 해야할지 너무 헷갈리고 모르겠습니다. 도와주시면 감사할거 같아요!

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

계속 반복되어 실행되는 draw 함수 내에서 context.drawImage(video ... 를 실행해 주셨을까요?
<video> 자체가 문제없이 재생이 되고 있다면, 캔버스에서는 그때그때 시점의 비디오의 프레임을 그려줄 뿐이기 때문에 재생되는 것 처럼 보일텐데.. 계속 정지된 화면이 나온다면, 다른 부분에서 버그가 있어서 draw 함수 자체가 반복 실행이 안된다든지 하는 문제가 있을 것 같습니다. 버그가 없는데도 멈춰있다면 canvas 말고 일단 <video>에서 비디오가 제대로 재생이 되고 있는지 확인해 보시는 게 좋을 것 같아요!

마흔가짐님의 프로필 이미지
마흔가짐

작성한 질문수

질문하기