[251112] feat MediaPlayer에 실시간 재생상태 로깅 추가

재생상태를 콘솔에 실시간으로 로깅해 디버깅 효율성을 높임

🕐 커밋 시간: 2025. 11. 12. 13:01:07

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +17줄

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

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선

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

@@ -1428,6 +1428,23 @@ const VideoPlayerBase = class extends React.Component {
       return;
     }
 
+    // 🎬 실시간 재생상태 로깅
+    if (ev.type === 'onUpdate' || ev.type === 'onPlay' || ev.type === 'onPause' || ev.type === 'onStart' || ev.type === 'onLoadStart') {
+      console.log('🎬 [MediaPlayer] 재생상태 실시간 로깅', {
+        eventType: ev.type,
+        currentTime: el.currentTime,
+        duration: el.duration,
+        paused: el.paused,
+        playbackRate: el.playbackRate,
+        loading: el.loading,
+        error: el.error,
+        stateLoading: this.state.loading, // 🎬 MediaPlayer 내부 loading 상태도 확인
+        panelInfoModal: this.props.panelInfo?.modal,
+        timestamp: new Date().getTime(),
+        stack: new Error().stack?.split('\n')[2]?.trim(),
+      });
+    }
+
     this.type = this.props.type;
 
     updatedState.currentTime =