[251217] fix: VOD 경과시간 표시

🕐 커밋 시간: 2025. 12. 17. 16:09:01

📊 변경 통계:
  • 총 파일: 2개
  • 추가: +18줄
  • 삭제: -205줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.jsx
  ~ com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • 코드 정리 및 최적화

Performance: 코드 최적화로 성능 개선 기대

com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.jsx

@@ -840,9 +840,11 @@ const VideoPlayerBase = class extends React.Component {
       this.state.mediaSliderVisible === nextState.mediaSliderVisible &&
       this.state.loading === nextState.loading &&
       this.props.loading === nextProps.loading &&
-      (this.state.currentTime !== nextState.currentTime ||
-        this.state.proportionPlayed !== nextState.proportionPlayed ||
-        this.state.sliderTooltipTime !== nextState.sliderTooltipTime)
+      this.state.currentTime === nextState.currentTime &&
+      this.state.proportionPlayed === nextState.proportionPlayed &&
+      this.state.sliderTooltipTime === nextState.sliderTooltipTime &&
+      this.state.mediaControlsVisible === nextState.mediaControlsVisible &&
+      this.state.bottomControlsRendered === nextState.bottomControlsRendered
     ) {
       return false;
     }
@@ -1279,14 +1281,11 @@ const VideoPlayerBase = class extends React.Component {
       sourceUnavailable: true,
       proportionPlayed: 0,
       proportionLoaded: 0,
+      bottomControlsRendered: true,
     });
 
     if (!this.props.noAutoShowMediaControls) {
-      if (!this.state.bottomControlsRendered) {
-        this.renderBottomControl.idle();
-      } else {
-        this.showControls();
-      }
+      this.showControls();
     }
   };