From f47c1ecdf706aef670a5e245c637a841fbc55ba9 Mon Sep 17 00:00:00 2001 From: optrader Date: Tue, 25 Nov 2025 20:41:58 +0900 Subject: [PATCH] =?UTF-8?q?[251125]=20fix:=20VideoPlayer=20=EC=88=98?= =?UTF-8?q?=EC=A0=95-1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ๐Ÿ• ์ปค๋ฐ‹ ์‹œ๊ฐ„: 2025. 11. 25. 20:41:57 ๐Ÿ“Š ๋ณ€๊ฒฝ ํ†ต๊ณ„: โ€ข ์ด ํŒŒ์ผ: 2๊ฐœ โ€ข ์ถ”๊ฐ€: +13์ค„ โ€ข ์‚ญ์ œ: -13์ค„ ๐Ÿ“ ์ˆ˜์ •๋œ ํŒŒ์ผ: ~ com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx ๐Ÿ”ง ์ฃผ์š” ๋ณ€๊ฒฝ ๋‚ด์šฉ: โ€ข UI ์ปดํฌ๋„ŒํŠธ ์•„ํ‚คํ…์ฒ˜ ๊ฐœ์„  โ€ข ์ฝ”๋“œ ์ •๋ฆฌ ๋ฐ ์ตœ์ ํ™” --- .../src/components/VideoPlayer/VideoPlayer.js | 4 ++-- .../src/views/PlayerPanel/PlayerPanel.jsx | 22 +++++++++---------- 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js index 53c0a8b7..c460525b 100644 --- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js +++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js @@ -883,10 +883,10 @@ const VideoPlayerBase = class extends React.Component { this.props.belowContentsVisible !== undefined && prevProps.belowContentsVisible !== this.props.belowContentsVisible ) { - if (this.props.belowContentsVisible && !this.state.mediaControlsVisible) { + if (this.props.belowContentsVisible) { // TabContainerV2๊ฐ€ ํ‘œ์‹œ๋  ๋•Œ controls๋„ ํ‘œ์‹œ this.showControls(); - } else if (!this.props.belowContentsVisible && this.state.mediaControlsVisible) { + } else { // TabContainerV2๊ฐ€ ์ˆจ๊ฒจ์งˆ ๋•Œ controls๋„ ์ˆจ๊น€ this.hideControls(); } diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx index 6b3a0fde..58430c82 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx @@ -2006,13 +2006,13 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props }, tracks: [{ kind: 'subtitles', src: currentSubtitleBlob, default: true }], hlsOptions: { - // ๋ฒ„ํผ ๊ธธ์ด๋ฅผ 30์ดˆ ๊ธฐ์ค€์œผ๋กœ ์„ค์ • - maxBufferLength: 30, - maxMaxBufferLength: 90, + // ๋ฒ„ํผ ๊ธธ์ด๋ฅผ 60์ดˆ ๊ธฐ์ค€์œผ๋กœ ์„ค์ • + maxBufferLength: 60, + maxMaxBufferLength: 180, backBufferLength: 0, - maxBufferSize: 30 * 1000 * 1000, // ์ตœ๋Œ€ ๋ฒ„ํผ ํฌ๊ธฐ 30MB - liveSyncDuration: 8, - liveMaxLatencyDuration: 16, + maxBufferSize: 100 * 1000 * 1000, // ์ตœ๋Œ€ ๋ฒ„ํผ ํฌ๊ธฐ 100MB + liveSyncDuration: 16, + liveMaxLatencyDuration: 32, }, }, youtube: YOUTUBECONFIG, @@ -2025,12 +2025,12 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props preload: 'metadata', }, hlsOptions: { - maxBufferLength: 30, - maxMaxBufferLength: 90, + maxBufferLength: 60, + maxMaxBufferLength: 180, backBufferLength: 0, - maxBufferSize: 30 * 1000 * 1000, - liveSyncDuration: 8, - liveMaxLatencyDuration: 16, + maxBufferSize: 100 * 1000 * 1000, + liveSyncDuration: 16, + liveMaxLatencyDuration: 32, }, }, };