<aside> 📝 목차

</aside>

발생한 문제

참여자 페이지에서 화이트보드 화면이 늦게 보이거나 아예 나오지 않기도 합니다.

원인 분석/문제 해결 시도

1) 화이트보드 화면이 언제 참여자 페이지에 렌더링 되는 건지 확인하기

(로컬에 서버를 띄우고 테스트해봤습니다.)

Untitled

video의 메타데이터가 로드되었을 때 발생하는 loadedmetadata 와 함께 화면에 영상이 재생되는 것을 확인했습니다.

2) loadedmetadata 가 왜 늦게 발생하는가?

여러가지 시도 끝에 알게 된 것은 강의자 페이지에서 강의자가 캔버스에 아무런 동작(펜 그리기, 이동, 줌인 등)을 하지 않으면 상대방에게 loadedmetadata 는 일어나지 않는 다는 것입니다.

https://w3c.github.io/mediacapture-fromelement/#methods-0

이는 CaptureStream() 의 알고리즘 문제로, 캔버스에서 내용이 변경될 때까지 캡처된 트랙이 시작되지 않기 때문으로 보입니다.