컴포넌트
BarsScale
여러 세로 막대가 서로 다른 위상의 사인파 합성으로 위아래로 스케일되며 오디오 이퀄라이저를 이루고, 키보드 접근이 가능한 재생/정지 토글로 제어된다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/BarsScale-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| count | number | 7 | 막대 개수 |
| height | number | 120 | 트랙 높이(px). 막대가 스케일되는 최대 영역 |
| speed | number | 1 | 애니메이션 속도 배율 (클수록 빠르게 요동) |
| colorFrom | string | #C084FC | 막대 그라데이션 시작 색(아래쪽) |
| colorTo | string | #EC4899 | 막대 그라데이션 끝 색(위쪽) |
| defaultPlaying | boolean | true | 초기 재생 여부(비제어 기본값) |