fix: HLS.js fallback으로 미리보기 동작 범위 확대

[Hyukya]

개요

라이브 미리보기가 동작하도록 개선했습니다.

변경 사항

HLS.js fallback 추가

문제:
라이브 미리보기는 내부적으로 치지직 번들의 CorePlayer(webpack
module 49588)를 사용합니다. 그런데 이 모듈은 라이브 페이지
(/live/)에 진입한 적이 없으면 로드되지 않아, 아래 섹션에서
hover 시 미리보기가 동작하지 않았습니다.

• 홈 피드
• 팔로잉 피드
• 다가오는 방송 일정
• 파트너 스트리머 섹션

해결:
CorePlayer 로드 실패 시 HLS.js를 로드해
livePlayback.media[HLS].path의 m3u8 URL로 직접 재생하는
fallback 로직을 추가했습니다.

[jebibot]

감사합니다! HLS.js fallback의 경우에는 확장 프로그램 스토어 정책 상 외부 스크립트를 불러올 수 없고 (함께 배포하면 되긴 합니다) 치지직이 제공하는 플레이어 외 다른 플레이어로 재생하는 것에 대한 우려가 있어 일단 클래스 관련 부분만 cherry-pick하여 co-author로 업데이트 해두겠습니다. 다시 한번 감사드립니다.

[Hyukya]

치지직에서 미리보기 플레이어 그대로 사용하는 방식도 병행하여 작업을 계속 진행했지만 어려운 부분이 있네요.

[Hyukya]

일단 해당 변경은 함께 배포하는 방식으로 작업했습니다.
다만 저도 치지직 제공 플레이어를 사용하는 것이 최선이라고 생각하기 때문에
적합하지 않다고 생각하시면 거절해주시면 감사하겠습니다.
치지직 제공 플레이어를 활용한 방식을 좀 더 작업해볼 생각입니다.