[SHOPTIME-3648] Player / Featured Show / 방송 전환 시 현재 방송 배경 이미지가 아주 잠깐 노출됨
원인 : Featured Show 선택시 해당 리스트를 재구성하는 과정에서 index 가 한번 더 변경되어 이전 Thumbnail url 을 로드함 대책 : Featured Show 인덱스 선택시 리스트 재구성하지 않도록 수정
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user