컴포넌트
WaveBars
세로 막대들이 두 사인파 합성으로 오디오 파형처럼 출렁이고, 커서 근처 막대가 부드럽게 솟아오르는 재생/정지 가능한 이퀄라이저 비주얼이다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/WaveBars-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| barCount | number | 28 | 파형을 이루는 세로 막대 개수 |
| amplitude | number | 0.82 | 컨테이너 높이 대비 막대 최대 높이 비율(0~1) |
| speed | number | 1 | 파형이 흐르는 속도 배수 |
| cursorBoost | number | 0.55 | 커서 근처 막대를 밀어 올리는 반응 강도(0~1) |
| defaultPlaying | boolean | true | 시작 시 재생 상태(비제어 기본값) |
| colorTo | string | #EC4899 | 오른쪽(높은 인덱스) 막대 그라데이션 색상 |