1 week ago
10
안녕하세요. 평소 코딩이나 작업할 때 유튜브로 노동요/BGM을 자주 틀어두는데, 유튜브의 순정 '연속 재생' 기능을 쓰면서 느꼈던 사소하지만 잦은 불편함을 해결하고자 직접 만든 Chrome 확장 프로그램 YouTube Loop를 공유합니다.
1. 제작 계기
유튜브 영상 우클릭 시 '연속 재생' 기능이 있긴 하지만,
- 영상 오버레이나 광고 때문에 우클릭 시 브라우저 메뉴가 떠서 두 번씩 눌러야 하는 점
- 세션 휘발성이라 새로고침하거나 브라우저를 껐다 켜면 설정이 초기화되어 매번 다시 켜야 하는 점
- 지금 재생 중인 영상이 반복 상태인지 플레이어 상에서 직관적으로 확인하기 어려운 점
이 아쉬워 플레이어에 일체형 버튼을 심고 설정을 기억하도록 만들었습니다.
2. 주요 기능
- 플레이어 순정 컨트롤 바 통합: 별도 팝업 없이 플레이어 우측 하단 컨트롤 바의 루프(↻) 버튼으로 즉시 토글
- 영상별 설정 자동 기억: 반복을 활성화한 영상의 Video ID만 기억하며, 다른 일반 영상으로 이동하면 자동으로 일반 재생됩니다. (나중에 해당 노동요로 돌아오면 루프 자동 복원)
- 네이티브 루프: HTMLVideoElement.loop 기본 속성을 활용하여 버퍼링이나 재로딩 없이 매끄럽게 연결됩니다.
3. 기술 스택 및 프라이버시
- Manifest V3 기반, 외부 라이브러리 및 런타임 의존성 제로 (Vanilla JS / CSS)
- 외부 서버 통신 제로: 분석 도구나 외부 트래킹 스크립트가 일체 없으며, 100% 로컬(chrome.storage.local)에서만 동작합니다.
- 권한 역시 최소화하여 storage 권한과 https://www.youtube.com/* 호스트 권한만 사용합니다.
- 유튜브의 SPA 페이지 전환 감지 및 인스트림 광고 재생 시 루프 일시정지/복원 처리가 되어 있습니다.
스토어 심사를 통과하여 배포 중이며, 편하게 써보시고 개선 아이디어나 피드백 주시면 적극 반영하겠습니다!
English (US) · 