[수정사항] 기존에는 chatFlag를 이용해서 getChatLog API를 호출했으나 chatFlag는 라이브 영상 채팅 Flag값이고 VOD는 chatLogFlag값을 써야함
현재는 라이브 채팅은 API가 존재하지 않고 기존에 Chat 컴포넌트 기능은 VOD 화면 설계서대로 만들어졌기 때문에 값만 교체하여 노출되도록 수정
[수정내용] 3977 이슈에서 딮링크를 통해 Player 진입 시 이전버튼을 통해 Home으로 들어가면 포커스가 잡히지 않는 현상이 있었음 해당 문제를 HomePanel에서 lastFocusTargetId가 없으면 포커스를 주는 로직을 추가하여서 발생한 문제
3977이슈에 경우에는 딮링크를 통해 Player로 진입했을때만 일어나는 현상으로 (다른패널들과 Player 패널은 패널 구조가 다름) Player에서 이전버튼을 클릭했을때만 따로 분기처리
[원인] PlayerPanel이 랜더링될때 초기에는 panelInfo.targetId가 존재하지않아 TabButton에 포커스 후 다시 아이템에 포커스가 되는 현상
[대책] useEffect 의존성배열 playListInfo가 있을때만 호출하도록 수정 &&
targetId가 있는 경우 TabButton에 포커스 안가게 분기처리 &&
Job time 100으로 수정 (늦게 포커싱되는 원인)
원인 : Player의 total duration 이 초단위로 관리되며 실제 값은 81.54 처럼 초단위가 아님
일반 영상의 경우, 비디오 end 이벤트가 먼저 발생하고 이후 progress 데이터가 업데이트 됨.
Youtube영상의 경우, total duration 을 초단위로만 전달해줌.
현재 영상재생이 종료될 경우, Player화면을 종료하고 있음.
대책 : 일반영상의 경우, progress 이벤트를 받아서 화면에 노출할 시간 이후에 Player화면을 종료하도록 수정(1.5초)
Youtube 의 경우, total Duration 값이 버림값으로 오기 때문에 마지막 재생시간이 total Duration 과 1초이내로 차이날 경우
Total Duration 으로 보정하도록 수정
[SHOPTIME-3225] Trending / Full Player 진입 시 동영상이 재생이 안되는 현상
재현경로 : Trending 화면에서 키보드를 이용해 Full 화면으로 전환 후 키보드를 이용해 progress 를 끝까지 이동하여
영상이 끝날 동안 대기, 영상 종료후 preview화면에서 enter 입력하여 다시 Full 화면으로 전환하여 위의 과정
반복시 문제 발생
원인 : Player화면 진입시의 속성정보(panelInfo)를 초기 한번만 참고하여 Player의 modal 여부를 잘못 판단함.
재생이 종료된 영상을 이어 재생시도하여 검은화면 노출됨.
대책 : Player화면 종료로직에서 panelInfo를 초기 입력값이 아닌, 변경된 ref 를 참조하도록 수정
[수정파일]
src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx
src/views/PlayerPanel/PlayerPanel.jsx
[수정내용]
TV 시스템 설정에서 자막 설정이 OFF 일때 CC 버튼을 클릭하면 특정 TEXT 노출
[원인]
기능 구현이 되어있지 않았음
[대책]
captionEnable이 false일때 자막버튼을 클릭하면 PopUp 노출
1. LiveChannelsVerticalContents.jsx
2. PlayerPanel.jsx
- 원인: RUC 환경에서 영상의 showId가 Featured Brands에서 res로 받는 값과 Player에서 res로 받는 값이 같은 영상임에도 다름, showId를 spotlightId와 modalContainterId로 지정하여 사용했기 때문에 해당 환경에서는 res 값이 일치하지 않아 발생하는 문제
- 대책: showId와 관계 없이 id 동기화
Changed files:
1. PlayerPanel.jsx
2. TabContainer.jsx
Detail note:
- Cause
- 특정 target node에서 mouse move event에 대한 로직의 부재
- Solution
- tabContainer에 spotlightId를 부여
- 위 container를 선택하여, 해당 container에서 특정 이벤트(TARGET_EVENTS) 발생 시 timer 실행되는 로직 추가
- 첫 진입시에는 10초(INITIAL_TIMEOUT), 추후 이벤트에 대해서는 앞의 이벤트를 cancel하고 5초(REGULAR_TIMEOUT)후에 닫히는 로직 추가
Changed files:
1. logActions.js
2. VideoPlayer.js
3. helperMethods.js
4. PlayerPanel.jsx
Detail note:
1. "sendLogLive", "sendLogVOD" 요청시 "getTimeDifferenceByMilliseconds" 함수 조건 추가
2. "setIsVideoPaused" 프롭스 설정 및 If문 조건 추가
3. "getTimeDifferenceByMilliseconds" 함수 추가
4. "LIVE", "VOD", "MEDIA" 로그 생성 로직 변경
