SOOP 다시보기에서 생방송 당시 시간을 표시/이동 (최근 기록, 셀렉터 폴백, 접근성, 최적화)
라이브를 했던 당시의 시간을 표시해줍니다.
개발에 대한 지식은 거의 없지만, 코드 보고 조금씩 수정은 할 수 있어서 ChatGPT의 도움을 받아 제작하였습니다.
코드 잘 만지시는 분들 마음대로 수정, 사용하셔도 됩니다.
1-1. 인터페이스 기능 추가
1-2. 최근 이동 기록 표시 (5개)
1-3. 현재 화면 시간 입력 버튼, +-30초, +-60초 버튼, URL 복사 버튼 추가
1-4. 날짜 시간 선택 버튼 추가
1-5. 날짜 시간 입력 시 인식 포맷 다양화 (기존 2025-09-01, 14:29:34 형태만 인식 → 현재 대부분의 포맷 인식)
1-6. 해외 유저를 위해 현재 자신의 타임존 기준 표시(로컬 시간 등)
다시보기 영상에 라이브 당시 시간을 표시해줌.
플레이어 하단 'Live 당시 시간' 영역 클릭 시, 해당 시간 복사.
Live 당시 시간 우측 ⇋ 아이콘 클릭, 원하는 시간을 입력하면 해당 Live 당시 시간으로 이동.(YYYY-MM-DD, HH:mm:ss 입력. 복사 기능 사용 추천)
해당 다시보기 영상이 같이보기를 진행했거나, 중간 부분이 잘린 편집 영상인지 구분 표시.
다시보기에 라이브 당시 시간 정보가 없으면, 일련의 이벤트가 일어났을 때 각 스트리머들의 반응을 찾기 어려움
다중 시점 편집 시, 시간 정보가 없어 편집 과정이 불편함
있으면 좋겠다 싶어서
다시보기에 있는 방송 시작 정보에 현재 플레이어에서 재생중인 시간만큼 + 해주는 구조
라이브 당시 송출 딜레이에 따른 1~5 초 사이 오차 존재
해당 다시보기 영상이 같이보기를 진행했거나, 중간 부분이 잘린 편집 영상일 경우, 활용 불가능.
라이브 당시 방송 종료 대기를 걸어둔 경우, '같이보기 또는 편집된 영상일 수 있습니다'의 안내문이 나올 수 있습니다.
