☰

SOOP 다시보기 라이브 당시 시간 표시

SOOP 다시보기에서 생방송 당시 시간을 표시/이동 (최근 기록, 셀렉터 폴백, 접근성, 최적화 + 클립보드 미리보기)

Author
WakViewer
Daily installs
2
Total installs
393
Ratings
1 0 0
Version
5.2.0
Created
2024-12-20
Updated
2025-09-03
Size
56.4 KB
License
MIT
Applies to

SOOP 다시보기 라이브 당시 시간 표시 스크립트

라이브를 했던 당시의 시간을 표시해줍니다.

개발에 대한 지식은 거의 없지만, 코드 보고 조금씩 수정은 할 수 있어서 ChatGPT의 도움을 받아 제작하였습니다.

코드 잘 만지시는 분들 마음대로 수정, 사용하셔도 됩니다.

5.2.0 추가 업데이트

  1. UI 개선

  2. 최근 이동 기록 하단에 클립보드에 복사된 내용 표시

  3. 모달 내 입럭한 시간 복사 버튼 추가

  4. 모달 내 같이보기 진행 여부 문구 추가

  5. 최적화

이전 업데이트

  1. ⇋ 이동 버튼 클릭 시 기능 추가.

  • 인터페이스 기능 추가

  • 최근 이동 기록 표시 (5개)

  • 현재 화면 시간 입력 버튼, +-30초, +-60초 버튼, URL 복사 버튼 추가

  • 날짜 시간 선택 버튼 추가

  • 날짜 시간 입력 시 인식 포맷 다양화 (기존 2025-09-01, 14:29:34 형태만 인식 → 현재 대부분의 포맷 인식)

  • 해외 유저를 위해 현재 자신의 타임존 기준 표시(로컬 시간 등)

  1. 최적화

기능

  1. 다시보기 영상에 라이브 당시 시간을 표시해줌.

  2. 플레이어 하단 'Live 당시 시간' 영역 클릭 시, 해당 시간 복사.

  3. Live 당시 시간 우측 ⇋ 아이콘 클릭, 원하는 시간을 입력하면 해당 Live 당시 시간으로 이동.(YYYY-MM-DD, HH:mm:ss 입력. 복사 기능 사용 추천)

  4. 해당 다시보기 영상이 같이보기를 진행했거나, 중간 부분이 잘린 편집 영상인지 구분 표시.

개발 배경

  1. 다시보기에 라이브 당시 시간 정보가 없으면, 일련의 이벤트가 일어났을 때 각 스트리머들의 반응을 찾기 어려움

  2. 다중 시점 편집 시, 시간 정보가 없어 편집 과정이 불편함

  3. 있으면 좋겠다 싶어서

구조

다시보기에 있는 방송 시작 정보에 현재 플레이어에서 재생중인 시간만큼 + 해주는 구조

한계

라이브 당시 송출 딜레이에 따른 1~5 초 사이 오차 존재

해당 다시보기 영상이 같이보기를 진행했거나, 중간 부분이 잘린 편집 영상일 경우, 활용 불가능.

라이브 당시 방송 종료 대기를 걸어둔 경우, '같이보기 또는 편집된 영상일 수 있습니다'의 안내문이 나올 수 있습니다.

스크린샷

长期地址
遇到问题？请前往 GitHub 提 Issues。