[SHOPTIME-3648] Player / Featured Show / 방송 전환 시 현재 방송 배경 이미지가 아주 잠깐 노출됨

원인 : Featured Show 선택시 해당 리스트를 재구성하는 과정에서 index 가
한번 더 변경되어 이전 Thumbnail url 을 로드함
대책 : Featured Show 인덱스 선택시 리스트 재구성하지 않도록 수정
This commit is contained in:
yonghyon
2024-10-21 14:06:13 +09:00
parent f5ab8bf6ff
commit 7806dc839a
9 changed files with 178 additions and 121 deletions

View File

@@ -1,4 +1,4 @@
import React, { useCallback, useMemo, useRef } from "react";
import React, { useCallback, useMemo, useRef, useEffect } from "react";
import ReactPlayer from "react-player";
@@ -65,10 +65,7 @@ export default function TReactPlayer({
} else if (
!Object.prototype.hasOwnProperty.call(videoNode, "proportionPlayed")
) {
//youtube
if (typeof window && !window.PalmSystem) {
window.videoNode = videoNode;
}
videoNode.play = videoNode.playVideo;
videoNode.pause = videoNode.pauseVideo;
videoNode.seek = videoNode.seekTo;
@@ -141,6 +138,17 @@ export default function TReactPlayer({
return events;
}, [handleEvent, mediaEventsMap]);
useEffect(() => {
return () => {
const videoNode = playerRef.current?.getInternalPlayer();
if (videoNode) {
videoNode.pause();
videoNode.src = "";
videoNode.srcObject = null;
}
};
}, []);
return (
<ReactPlayer
ref={playerRef}