Audio Player

音频播放器：封面、进度拖动、上一首 / 下一首、音量与静音（纯 UI，模拟播放）。

#audio #player #music

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

AudioPlayerProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"div">, "onChange">

属性	类型	默认值	说明
tracks* 必填	`Track[]`	—	—
defaultIndex	`number`	`0`	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/audio-player.json

同类组件

Comment Thread

评论串：多级回复、点赞、内联回复框，新评论即时插入。

Chat Messages

聊天消息：按发送者分组的气泡、已发送/已读回执、输入中动画，自动滚动到底部。

Profile Card

个人资料卡：渐变封面、头像、认证标记、标签、统计与关注按钮。