사운드보드 바로가기
1) 시작하기
- 화면 하단 고정바에서 「＋ 버튼 추가」를 눌러 새 카드를 만듭니다.
- 카드 중앙의 회색 영역(“사운드 추가”)을 누르거나 「▲」 버튼으로 오디오 파일을 선택합니다.
PC에서는 파일을 드래그&드롭해도 됩니다.
- 파일명이 카드 하단의 파란 굵은 글씨로 표시되면 준비 완료입니다.
저장 위치 : 오디오는 서버로 업로드되지 않고, 현재 브라우저/기기의 저장소에 보관됩니다.
2) 재생·정지와 시각 효과
- 재생/일시정지 : 카드의 회색 영역을 클릭/탭하여 토글합니다.
- 개별 정지 : 카드 하단의 정지 버튼은 약 1초 페이드아웃 후 멈추고 처음으로 되돌립니다.
- 모두 정지 : 하단 고정바의 모두 정지는 모든 카드의 재생을 동시에 멈춥니다.
시각 효과
- 텍스트 뒤에 물결/음표 애니메이션이 재생 중 표시됩니다.
- 플레이존 맨 뒤에 연한 하늘색 타임라인 게이지가 부드럽게 채워지며 진행도를 보여줍니다.
- 중복이 켜지면 게이지는 숨겨집니다.
파일명
- 불러온 파일명은 파란색 굵은 글씨로 하단에 표시됩니다.
4) 볼륨·중복·반복
- 볼륨 : 슬라이더로 조절합니다. 볼륨 텍스트를 누르면 잠금/해제(🔒/🔓)를 토글하여 실수 방지를 할 수 있습니다. (기본 잠금)
- 중복 : ON이면 버튼을 누를 때마다 새 인스턴스가 겹쳐 재생됩니다. 이때 반복은 자동으로 꺼지고 비활성화됩니다.
- 반복 : ON이면 트랙이 끝나도 자동으로 반복 재생합니다. (중복 OFF에서만 사용)
5) 카드 관리
- 이동 : < / > 버튼으로 카드 위치를 좌/우로 옮깁니다.
- 삭제 : 삭제를 누르면 확인 후 카드와 오디오가 제거됩니다.
- 전체 초기화 : 상단의 모든 설정 초기화는 모든 카드/파일/설정을 삭제합니다.
6) 키보드 단축키
- 0–9 : 해당 숫자로 단축키가 지정된 모든 카드가 동시에 재생됩니다. (여러 카드에 같은 숫자를 줄 수 있습니다)
- S : 모두 정지
입력칸에 커서가 있을 땐 단축키가 동작하지 않습니다.
7) 저장/복구와 주의사항
- 저장 방식 : 카드 구성/설정은
localStorage, 오디오 파일은 IndexedDB에 저장됩니다. 같은 브라우저/기기에서 새로고침 후에도 유지됩니다.
- 복구 : 드물게 순서 정보가 비어 있으면, 보관된 오디오 목록을 바탕으로 자동 복구를 시도합니다.
- 주의 : 브라우저의 사이트 데이터/쿠키 삭제 또는 프라이빗 모드 종료 시 데이터가 지워질 수 있습니다.
8) 모바일 화면 꺼짐 방지
- 페이지에 접속한 뒤 터치/키 입력을 한 번 하면 화면 꺼짐 방지가 활성화됩니다.
- 가능하면 Screen Wake Lock API를 사용하고, 미지원/거부 시 NoSleep.js로 보완합니다.
- 백그라운드 전환 후 다시 돌아오면 자동으로 재획득을 시도합니다.
일부 환경(저전력 모드 등)에선 동작이 제한될 수 있습니다.
9) 문제 해결
재생이 되지 않아요
- 브라우저가 해당 코덱을 지원하지 않을 수 있습니다. MP3/OGG 등 다른 형식으로 시도해 보세요.
게이지가 보이지 않아요
- 중복이 켜져 있으면 숨깁니다. 중복을 끄면 다시 표시됩니다.
단축키가 먹지 않아요
- 입력칸에 커서가 있으면 동작하지 않습니다. 포커스를 본문으로 옮긴 뒤 다시 시도하세요.