Dev Design Library

Music Player

A playlist player with a waveform seek bar, shuffle, repeat, volume and optional ducking under the microphone.

Music Player preview
Library
audiocn
Framework
React
Type
block
License
MIT
Dependencies
@phosphor-icons/react
Install
npx shadcn@latest add @audiocn/music-player
Files
  • components/blocks/music-player/music-player.tsx
  • components/ui/audio-player.tsx
  • components/ui/parameter-slider.tsx
  • components/ui/track-list.tsx
  • components/ui/volume-control.tsx
  • components/ui/waveform.tsx
  • hooks/use-audio-analyser.ts
  • hooks/use-audio-context.tsx
Source
https://github.com/audiocn/ui

Categories

More from audiocn