핵심 요약
왓챠가 Document PiP를 도입해 DRM/자막이 얽힌 영상 서비스를 새 창으로 옮기고, React 포탈 컨테이너를 유지한 채 원활한 재생을 구현한 경험을 공유합니다.
주요 경험
- 포털 컨테이너를 PiP 창으로 옮겨도 상태를 유지하도록 구현
- 스타일을 새 창에 복사해 UI 일관성 확보
- 프레임 기반 모니터링과 간헐성 복구 루프로 끊김을 최소화
얻은 인사이트
- 입양(adopt) 방식의 DOM 이동이 복잡한 서비스 연동에 유용
- 두 창의 재생 상태를 비디오 하나에 의존하는 구조로 관리 용이
- DRM/에피소드 전환 등 서비스 특성은 여전히 도전 과제로 남아 재사용성 고려 필요
