수로 빌드 타이밍을 자동으로 알려주는 타이머입니다.
HTML 파일 하나 다운받아서 크롬으로 열면 끝. 설치 필요 없음.

🔔 스킬 타이밍마다 비프음
🗣️ 스킬 이름을 음성으로 읽어줌 (TTS)
📢 2초 전 예고 기능
⧉ PIP 모드로 게임 위에 띄우기
⌨️ 단축키 커스터마이징
📤📥 빌드 공유 (JSON 파일로 내보내기/가져오기)


━━━━━━━━━━━━━━━━━━━━


■ 사용법


[1] 파일 다운로드

첨부된 suro_timer_builder.html 파일을 다운받고 크롬 브라우저로 열어주세요.


[2-A] 빌드 직접 만들기

1. "+ 구간 추가" 버튼으로 구간을 만듭니다
   (예: 입장 전, 입장 후 세팅, 본 타이머 등)
2. 각 구간에서 카운트다운/카운트업 선택, 구간 길이(초) 설정
3. "+ 스킬 타이밍 추가"로 스킬을 넣습니다
   - 초(시간) 입력
   - 스킬 이름 입력
   - 색상 동그라미 클릭하면 11가지 색상 선택 가능
   - "+스킬" 버튼으로 같은 타이밍에 여러 스킬 추가
   - 메모란에 참고사항 입력 가능
4. 빌드는 자동 저장됩니다


[2-B] 남의 빌드 가져오기

1. 공유받은 .json 파일 다운로드
2. 하단 "📥 가져오기" 버튼 클릭
3. JSON 파일 선택하면 자동으로 로드됨


[3] 타이머 사용

1. 상단 "⏱️ 타이머" 탭 클릭
2. "시작" 버튼 또는 스페이스바로 시작
3. 현재 스킬이 자동 하이라이트 + 스크롤
4. 음성이 스킬 이름을 읽어줌


━━━━━━━━━━━━━━━━━━━━


■ PIP 모드 (게임 위에 띄우기)

"⧉ PIP" 버튼 클릭하면 작은 플로팅 창이 뜹니다.
크롬 116 이상에서 항상 위 창으로 동작.
팝업 차단 뜨면 허용해주세요.


■ 음성 설정

- 드롭다운에서 목소리 선택 가능
- "테스트" 버튼으로 미리 들어보기
- 속도 슬라이더로 빠르게/느리게 조절
- 윈도우 설정 > 시간 및 언어 > 음성에서 추가 음성팩 다운받으면 선택지 늘어남


■ 단축키 (커스터마이징 가능)

스페이스 → 시작/일시정지
R → 리셋
P → PIP 열기

⌨️ 버튼 클릭 → 키 버튼 클릭 → 원하는 키 누르면 변경됨


━━━━━━━━━━━━━━━━━━━━


■ 빌드 공유하는 법

1. 빌드 편집 완료 후 하단 "📤 내보내기" 클릭
2. .json 파일이 다운로드됨
3. 인벤 게시글에 파일 첨부하면 끝!
4. 받는 사람은 "📥 가져오기"로 바로 사용


━━━━━━━━━━━━━━━━━━━━


■ 에반 수로 빌드 (예시)

첨부된 에반_수로.json 파일을 가져오기 하면 바로 사용 가능합니다.

구성:
- 입장 전 (50초) → 전분, 일필, 프리드, 카인링크 등
- 입장 후 세팅 (5초) → 브레스, 돌아와, 조디악, 서먼
- 서먼 다이브 (21초) → 프리드 3스택, 다이브/다오어, 조디악 5단계, 6단계 진입
- 어센트 구간 (32초) → 어센트 3회, 프리드 4스택, 엘블
- 엔버 시퀀스 (30초) → 엔버링크, 프리드 캔슬, 오리진
- 마무리 극딜 (32초) → 프리드 6스택, 엔버링크, 잔여 극딜


━━━━━━━━━━━━━━━━━━━━


■ FAQ

Q. 크롬 말고 다른 브라우저에서도 되나요?
A. 기본 기능은 다 됩니다. PIP 모드는 크롬/엣지에서 가장 잘 작동합니다.

Q. 음성이 안 나와요
A. 크롬에서 처음 시작할 때 "시작" 버튼을 한 번 클릭해야 오디오가 활성화됩니다. 그래도 안 되면 윈도우 음성팩이 설치되어 있는지 확인해주세요.

Q. 빌드 날아갔어요
A. 브라우저 데이터 삭제하면 날아갑니다. 중요한 빌드는 "📤 내보내기"로 JSON 파일 백업해두세요.