junghoon86.park
0a2ef0e68b
[영상 스타일 수정]
...
- 노출 이상부분 수정과 버튼 위치 및 프로그레스바 위치변경.
2025-11-26 17:17:12 +09:00
Claude
726dcd9381
feat: Add MediaSlider and Times to MediaPlayer.v2
...
MediaPlayer.v2에 필수 기능 추가 (Fullscreen 모드용)
주요 변경사항:
- MediaSlider 추가 (비디오 진행 바)
- Times 컴포넌트 추가 (현재/전체 시간 표시)
- proportionLoaded/Played 상태 관리
- DurationFmt 헬퍼 추가
- Slider 이벤트 핸들러 구현
상태 추가 (9개):
- proportionLoaded: 로딩된 비율
- proportionPlayed: 재생된 비율
Import 추가:
- MediaSlider, Times, secondsToTime from '../MediaPlayer'
- DurationFmt from 'ilib/lib/DurationFmt'
- memoize from '@enact/core/util'
UI 구조:
- controlsContainer
- sliderContainer (Times + MediaSlider)
- controlsButtons (Play/Pause + Back)
조건부 렌더링:
- Modal 모드 (modal=true): 오버레이 없음
- Fullscreen 모드 (modal=false): MediaSlider + Times 표시
CSS 업데이트:
- controlsContainer: gradient background
- sliderContainer: flex layout
- times: min-width 80px
- controlsButtons: centered layout
2025-11-10 08:22:38 +00:00
Claude
05e54583a5
feat: Implement optimized MediaPlayer.v2 for webOS
...
MediaPlayer.v2.jsx 최적화 비디오 플레이어 구현
- 함수 컴포넌트 + React Hooks 사용
- 코드 라인 85% 감소 (2,595 → 388)
- 상태 변수 65% 감소 (20+ → 7)
- Modal ↔ Fullscreen 전환 지원
- isPaused 상태 동기화
- 최소한의 Controls UI
- 메모리 효율성 개선 (Job 8개 → setTimeout 1개)
주요 기능:
- 기본 재생/일시정지 제어
- Modal 모드에서 fixed position 적용
- 클릭 시 Fullscreen 전환
- webOS Media / TReactPlayer 자동 선택
- API 제공 (play, pause, seek, getMediaState)
- Spotlight 포커스 관리
제거된 기능:
- MediaSlider (seek bar)
- jumpBy, fastForward, rewind
- 복잡한 피드백 시스템
- FloatingLayer, Redux 통합
문서:
- .docs/MediaPlayer-v2-README.md: 사용법 및 API 문서
2025-11-10 08:08:59 +00:00
고동영
8ccfe4bb2b
[SHOPTIME-3822] home / Top / 세로banner에 라이브 Random / 포커싱으로 영상 확인 시 call to order 레이아웃 상이
...
[수정사항] 세로영상에서 previewMode일때 css 변경 / 해당 UI가 제플린으로 나오지 않아서 임의로 수정
2025-02-03 14:15:30 +09:00
고동영
e26c8ab559
[SHOPTIME-3822] home / Top / 세로banner에 라이브 Random / 포커싱으로 영상 확인 시 call to order 레이아웃 상이
...
[수정사항] fontsize 변경
2025-01-23 14:48:51 +09:00
고동영
b4a7b9d971
[SHOPTIME-3822] home / Top / 세로banner에 라이브 Random / 포커싱으로 영상 확인 시 call to order 레이아웃 상이
...
[원인] 홈배너 세로영상 모달일때 정해진 css가 없어서 UI가 깨지는 현상
[대책] 제플린에 세로영상 && 모달에 대한 UI가 없어 폰트사이즈를 줄여서 깨지는 현상 개선
2024-11-22 15:36:23 +09:00
yonghyon
7e74373b4d
[No Jira Issue] VideoOverlayWithPhoneNumber 중복 제거
...
VideoOverlayWithPhoneNumber 를 중복으로 편성한 문제 수정
2024-10-28 15:45:22 +09:00
고동영
c29b8d7c38
focused z-index
2024-08-01 16:43:28 +09:00
junghoon86.park
cd6d9b3a20
핫픽스 영상관련 재생시에 calltoorder노출관련 처리건.
2024-07-29 10:57:56 +09:00
junghoon86.park
ddfb373771
calltoorder 각각 페이지 별 글자 크기 조절관련 처리건.
2024-07-26 16:20:03 +09:00
junghoon86.park
f72289dc25
disclaimer 관련 스타일 확인 위한 변경건.
2024-07-25 16:52:55 +09:00
junghoon86.park
a305567bc0
calltoOrder 폰트 퍼센트 변경 및 스타일수정
2024-07-25 16:31:17 +09:00
junghoon86.park
78159aa2be
disClaimer 관련 스타일 수정
2024-07-25 13:27:32 +09:00
junghoon86.park
aa535fbb5a
콜투아더 가로값 변경건
2024-07-24 16:10:54 +09:00
junghoon86.park
66b174258b
비디오 disclaimer부분 수정건.
2024-07-24 15:56:22 +09:00
junghoon86.park
91f7e21f49
비디오 disclaimer 추가 및 calltoorder 스타일변경.
2024-07-23 17:22:16 +09:00
junghoon86.park
bd6277b4a0
콜투오더 플렉스 관련 스타일 수정.
2024-07-19 14:59:39 +09:00
junghoon86.park
16bfa0be08
비디오 플레이어 콜투 오더 부분 처리건.
2024-07-19 11:22:06 +09:00
junghoon86.park
c1e4dd1520
비디오 오버레이 관련 처리
2024-07-18 16:18:55 +09:00
jangheon Pyo
1fd544fc2d
[Video] Full 영상일때 썸네일 이미지 라운드 제거
2024-07-11 18:01:25 +09:00
junghoon86.park
02658f9d8d
비디오 플레이어 스타일 수정
2024-07-11 16:45:24 +09:00
jangheon Pyo
de1858750b
[Video] 썸네일 이미지 프리뷰일 경우에만 round 추가
2024-07-04 19:21:44 +09:00
jangheon Pyo
c8cfc356a5
[Video] 썸네일 이미지 style 변경
2024-07-04 19:14:03 +09:00
jangheon Pyo
264ffa77e5
[Player] image size modify
2024-07-04 18:01:41 +09:00
고동영
ea1ea4aa16
[PlayerPanel] loading Thumbnail center
2024-07-04 16:00:48 +09:00
jangheon Pyo
86b077e1b8
[video] call to order style 조정
2024-06-28 15:25:44 +09:00
고동영
2cbb1eea5a
[PlayerPanel] css 수정 && 조건문삭제
2024-06-18 11:02:29 +09:00
jangheon Pyo
3e97bda694
[Video] Player overlay style Change
2024-06-18 10:56:09 +09:00
고동영
b522c839b8
[VideoOverlayPhoneNumber] video media type
2024-06-17 16:59:34 +09:00
고동영
136c466c1d
[VideoOverlayWithPhoneNumber] className props 추가 css 변경
2024-06-17 15:47:43 +09:00
고동영
e2ba673529
[PlayerPanel] videoVertial UX/UI
2024-06-13 14:32:44 +09:00
고동영
94373f3a6d
[PlayerPanel] media css error
2024-05-29 18:20:17 +09:00
고동영
60936512ce
[trendingnow] callToOrder 위치 수정
2024-05-21 15:22:12 +09:00
고동영
7e213d95d9
[playerPanel] videoOverlay Media preview mode
2024-05-21 14:14:28 +09:00
고동영
75131c76a5
[DetailPanel] indicator css 예외처리
2024-05-21 10:48:12 +09:00
고동영
2e77990620
[DetailPanel] themeIndicator css 수정 & Media 에서 보이게 수정
2024-05-20 18:41:06 +09:00
고동영
0dec6d574e
[PlayerPanel] videoPreview Overlay CallToOrder
2024-05-14 15:09:09 +09:00
고동영
c4fdb60b66
[PlayerPanel] DetailPanel preview video 일때 disclaimer 적용
2024-05-13 14:34:30 +09:00
고동영
8b4042a3b0
detailpanel
2024-05-13 13:28:23 +09:00
jangheon Pyo
a31124d78b
[Video]
...
- 비디오일 경우 Loader 하얀색으로 변경
- modal값이 false일 경우에만 영상 썸네일 보이도록 변경
- loading의 기본값을 true로 변경
> TV 테스트 필요
- 영상 기본 배경색을 검정색으로 변경하여 가로사이즈에서 세로모드 영상볼때 문제 해결
2024-05-13 09:55:45 +09:00
jangheon Pyo
fbd7efef4f
[player] background style 변경
2024-05-02 01:02:53 +09:00
고동영
abb92ae3c2
playerpanel overlay focus 미완성
2024-04-30 17:53:33 +09:00
jangheon Pyo
83db2408d6
[Player] full 영상 spinner 변경 및 thumbnail 추가
2024-04-30 09:59:58 +09:00
jangheon Pyo
0ff3e2bdee
[VideoPlayer] overlay 상하단 그라데이션 추가
2024-04-29 19:41:11 +09:00
jangheon Pyo
0b99c292d8
[Video] live, vod에 따라 프로그래스바 위치 변경
2024-04-26 15:40:04 +09:00
고동영
ff73664c76
playpanel videoOverlay foucs
2024-04-24 11:13:53 +09:00
jangheon Pyo
8bd9726c8a
[Player] Live 일 경우 상단 헤더문구 제거, Play 버튼 제거 및 컨트롤러 위치 조정
2024-04-24 10:37:14 +09:00
yonghyon
28abf31d6c
video player panel overlay
2024-04-23 02:42:14 +09:00
고동영
75f71418dc
PlayerPanel VOD 테스트 및 css 작업 / 컨트롤러 커스텀 / VOD안들어가지는 패널 onClick 수정
2024-04-05 17:06:25 +09:00
고동영
afa7635dbc
[PlayerPanel] 비디오 관련 Js 파일 커스텀 , 큐레이션 아이디 추가 , live API 추가
2024-04-05 10:17:17 +09:00
