치지직(Chzzk) 다시보기의 실제 시간을 표시해주는 UserScript

CHZZK_Video_RealTime

치지직(Chzzk) PC버전의 다시보기 비디오의 슬라이더 바에 마우스를 올렸을 때, 해당 라이브 당시의 실제 시간을 표시해주는 일종의 브라우저 확장을 UserScript를 기반으로 만들었다. 이름은 CHZZK_Video_RealTime 이다. 코드는 github에 모두 업로드되어 있다. 코드의 90% 이상을 ChatGPT로 작성했는데, 현재는 대충 잘 동작하는 듯하다. 관심 있는 사람은 아래 링크에서 확인하기 바란다.

https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Video_RealTime

Preview

PC버전의 다시보기 슬라이더 바에 마우스를 올렸을 때, 해당 라이브 당시의 실제 시간을 표시해준다.

동작 원리: 서버에서 가져온 다시보기의 라이브 시작 시간에 현재 마우스가 가리키는 시점의 동영상 시간을 더하여 계산된 시간을 표시해준다. 여러 이유로 잘못 표시될 수 있으므로 참고용으로만 사용하도록 하자.

간단 제작 후기

가끔 내가 보고있는 다시보기의 시간이 현실에서 언제였었는지 알고싶은 경우가 있어 만들었다.

구현 중 라이브 시간이 길어 자동으로 잘린 다시보기에 대한 고려가 필요했다. 라이브 시간이 길어 다시보기가 자동으로 잘리게 되면 해당 라이브의 모든 다시보기는 동일한 라이브 시작 시간을 가진다. 따라서 이 경우 단순히 현재 다시보기의 정보만을 고려해서는 안 되었고, 이전 다시보기의 라이브 시작 시간이 현재 보고있는 다시보기와 동일한지를 체크하여 이전 다시보기에서 이어지는 것인지를 판단하고, 이를 고려하여 현재 보고있는 다시보기의 실제 시간을 계산해야 했다.