tkrmagid 2b7a91774d feat(page): 주요 음악 서비스 관행에 맞춰 조작 보완 + 화면·버튼 동작 문서화
화면별 사용 흐름과 버튼 동작을 전수 정리한 뒤, 스포티파이 웹 플레이어·유튜브 뮤직·애플 뮤직에서
공통으로 쓰이는 관행과 대조해 빠져 있던 것을 채웠다.

추가/변경:
- 스피커 아이콘을 장식에서 음소거 토글 버튼으로(해제 시 직전 볼륨 복원). 세 서비스 공통 동작.
- 키보드 단축키: Space 재생/일시정지, M 음소거, 좌우 5초 탐색, Ctrl/Cmd+오른쪽 다음 곡.
  입력창에 포커스가 있으면 가로채지 않는다.
- 대기열 맨 위에 "지금 재생 중" 블록 추가. 재생바가 이미 폴링하는 값을 위로 올려 공유하므로
  같은 API 를 두 번 호출하지 않는다.
- 대기열의 곡을 누르면 그 곡부터 재생. 봇에 점프 액션이 없어 queue/set 으로 대상 곡부터 남긴 뒤
  skip 하는 방식이며, 건너뛴 곡이 빠지는 것까지 스포티파이 대기열과 동일하다.
- 검색 결과 카드에 재생시간 표기(같은 제목의 짧은 클립과 원곡 구분에 필요).

문서(page/README.md 5-1~5-3):
- 화면(ViewMode)별 진입 경로·보이는 것·할 수 있는 일 표
- 버튼/조작별 동작·호출 API·비활성 조건 전수 표
- 타 서비스 관행 대비 개선 항목과 미지원 항목(이전 곡·반복 재생: 봇 API 한계) 명시

검증: tsc 통과, lint 에러 0. 브라우저에서 음소거 토글(볼륨 0↔60 복원), Space 로 재생↔일시정지 전환,
"지금 재생 중" 표시, 대기열 곡의 "…부터 재생" 동작, 재생시간 표기를 실제 렌더링으로 확인.
2026-09-29 14:05:38 +09:00

music_bot_v2

디스코드 음악봇 + 웹 대시보드 모노레포. 디스코드에서 명령으로 음악을 틀 수도 있고, 웹에서 로그인해 검색·재생·대기열을 제어할 수도 있다. 성인인증(연령제한) 영상 재생까지 지원한다.

구성

디렉터리 내용 문서
bot/ 디스코드 봇 본체(discord.js + shoukaku/Lavalink). 검색·재생·대기열·자동재생·연령제한 우회. bot/README.md
page/ 웹 대시보드(Next.js 16 + NextAuth + Redis). 브라우저에서 봇 제어·상태 표시. page/README.md
resolver/ ytresolver.py — 오디오 URL 리졸버(+systemd 유닛). 유튜브 내부 API 우선, 실패 시 yt-dlp로 폴백. 봇이 SABR/연령제한 우회에 사용. 아래 + bot/README §1·2
scripts/ refresh-cookies.mjs — 유튜브 쿠키(ytcookie.txt) 재발급 스크립트(Chromium). bot/README §4

전체 아키텍처

                         ┌─────────────── 디스코드 제어 평면 ───────────────┐
[Discord 유저] ── 명령 ──▶ 봇(music1/2/3, .5 docker) ── shoukaku ──▶ Lavalink(.6:2333)
                               │  ▲                                   └ youtube-plugin(일반)
                               │  │ 재생 직전 리졸브
                               ▼  │
                         ytresolver(.5:8779) ─┬─ ① 유튜브 내부 API(VISIONOS)  ~0.3초
                               │              ├─ ② yt-dlp 상주 호출          ~1.7초
                               │              └─ ③ yt-dlp + 쿠키(연령제한)    ~6~8초
                               │                                   ──▶ 직접 오디오 URL
                               │                                   (Lavalink http 소스로 재생)
                               │
         ┌───────── Redis(.7) Pub/Sub + Key ─────────┐   ← 제어/상태 버스
         │                                           │
[브라우저] ──▶ 웹 대시보드 page/(Next.js, NextAuth) ──┘
              · site→bot: "site-bot" 명령 + 결과키 폴링(botRpc)
              · bot→site: "bot-site" 이벤트 → SSE 실시간 표시
  • 봇과 대시보드는 직접 연결되지 않고 Redis로 느슨하게 연동된다(대시보드는 Redis만 있으면 봇과 통신).
  • 유튜브가 스트리밍을 SABR 방식으로 바꾼 뒤 Lavalink의 youtube-plugin(1.18.2)만으로는 실재생이 막힌다. 그래서 resolver/가 재생 직전에 직접 오디오 URL을 뽑아 주고, 봇은 그 URL을 Lavalink http 소스로 재생한다.
  • 리졸버는 3단계로 폴백한다. ①이 대부분을 처리하고, 연령제한처럼 로그인이 필요한 영상만 ③으로 내려간다.
    1. 유튜브 내부 API(VISIONOS 클라이언트) — player API 한 번으로 오디오 직링크 획득(~0.3초). visitorData는 리졸버가 스스로 발급·캐시(6시간)하고 만료 시 자동 재발급한다.
    2. yt-dlp 상주 호출 — zipapp을 import해 YoutubeDL 인스턴스를 재사용(프로세스 기동 비용 제거, ~1.7초).
    3. yt-dlp + 쿠키 — 연령제한(로그인 필요) 영상 전용 경로(68초).
  • 봇 서버(.5)와 Lavalink(.6)가 같은 공인 IP라, .5에서 뽑은 스트림 URL을 .6이 그대로 재생한다.
  • 첫 곡 재생 지연은 음성채널 접속과 곡 해석을 병렬로 돌리고, 곡이 정해지는 즉시 리졸브를 예열해 줄였다 (bot/src/classes/LavalinkManager.ts의 resolveQuery/prewarmTrack).

빠르게 보기

  • 봇 배포/쿠키/검색·재생 동작·성능·트러블슈팅 → bot/README.md
  • 대시보드 개발/환경변수/Redis 통신 구조/API·UI → page/README.md

리포 규칙

  • bot/.gitignore가 *.env, *.db를 제외 → 실제 토큰/DB는 커밋되지 않는다. 예시는 bot/.env.example.
  • 원격: Gitea git.tkrmagid.kr/tkrmagid/music_bot_v2 (master).
Description
음악봇 v2
Readme 1.8 MiB
Languages
TypeScript 88.2%
Python 8.8%
JavaScript 1.9%
CSS 0.5%
Dockerfile 0.4%
Other 0.2%