小枫_QWQ 项目文档站

Appearance

2026-08-13
990
4m

🎵 音乐播放器（聊天室 MD 组件版） ​

用聊天室 MD 扩展语法搭建的音乐播放器演示，直接复制到聊天室发送即可使用（不要用代码块包裹）。

素材：

一、单曲播放器（完整版） ​

测试代码（直接发送）：

md
[!🎵 小攸音乐台](text:正在播放：测试歌曲|t=🎵 音乐播放器|align=center|size=lg|style=info)
[!🎨 专辑封面](modal:专辑封面|![封面](https://yuju.99kpk.top:81/pan/1375/Screenshot_2026_0812_175612.jpg))
[!▶️ 播放](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=🎵 测试歌曲)
[!📜 歌词](details:展开歌词|（前奏）\n穿过云层的光\n落在你肩膀\n我们的歌 在播放\n永远不散场)
[!❤️ 点赞](send:❤️ 我赞了这首歌！|click=*1|color=#ff4d6d|color.bg=#ffe3e8)
[!🔀 随机推荐](rand:🎵 再来一首|🎶 换首心情|🔁 循环播放|mode=modal|t=🍀 推荐结果)

说明：

  • text 组件做播放器标题栏（居中大字）
  • modal 弹窗展示专辑封面（图片只能在弹窗内）
  • music 组件是播放器本体，带标题
  • details 折叠歌词（\n 换行）
  • 点赞按钮每人限点 1 次（click=*1），粉色系配色
  • rand 随机推荐，弹窗展示

二、歌单播放器（多曲目） ​

测试代码（直接发送）：

md
[!📀 我的歌单](text:共 3 首 · 持续更新中|t=📀 播放列表|align=center|size=md|style=note)
[!🎧 第一首](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=① 测试歌曲)
[!🎧 第二首](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=② 单曲循环)
[!🎧 第三首](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=③ 午夜电台)

说明： 同一消息内可放多首 music，各自独立播放；也可以塞进 details 折叠面板做成紧凑歌单（见下）。

三、折叠歌单（details 内嵌音乐） ​

测试代码（直接发送）：

md
[!📂 展开歌单](details:🎵 歌单（3 首）|① 测试歌曲：[!播放](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=①) ② 循环：[!播放](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=②) ③ 电台：[!播放](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=③))

说明： 折叠面板内容同样支持 mdFormat，内嵌 music 组件可正常播放。

四、播放状态联动版（switch + if + 播放器） ​

测试代码（直接发送）：

md
[!状态](switch:🎵 播放中|⏸️ 已暂停|id=st|c=1|cc=#22c55e/#ef4444)
[!状态显示](if:st=🎵 播放中|then=🔊 音乐正在播放...)
[!暂停提示](if:st=⏸️ 已暂停|then=🔇 已暂停，点上方恢复)
[!▶️ 播放器](music:https://yuju.99kpk.top:81/pan/1375/obj_wo3DlMOGwrbDjj7DisKw_59071609720_6841_1477_1a31_42469b37b7b2c437849de8d71a77320c.mp3|t=🎵 状态联动歌曲)

说明： switch 切换播放状态，if 条件实时显示对应提示；cc= 让状态文字颜色随值切换（绿=播放中/红=已暂停）。

五、音乐点歌台（进阶组合） ​

测试代码（直接发送）：

md
[!🎤 点歌台](text:说出你想听的歌|t=🎤 互动点歌|align=center|size=lg|style=warn)
[!🎵 歌曲](switch:测试歌曲|午夜电台|治愈钢琴|id=song)
[!点歌](send:🎤 我想点播：%song%！|color=#ffffff|color.bg=#8b5cf6)
[!🎨 封面](modal:专辑封面|![封面](https://yuju.99kpk.top:81/pan/1375/Screenshot_2026_0812_175612.jpg))
[!📋 歌单](table:col=2|曲目|状态|测试歌曲|待播放|午夜电台|待播放|治愈钢琴|待播放)
[!🎁 抽奖](rand:恭喜获得🎧会员|再来一次|遗憾没中|mode=modal|t=🎰 抽奖结果)

说明： 综合 text + switch + send（值引用）+ modal + table + rand 的互动点歌台。

六、旧颜色后缀兼容测试（:: 语法） ​

修复后：::前景|背景 / ::前景/背景 / ::-1 均可用，且不再与参数分隔符冲突。

测试代码（直接发送）：

md
[!红底白字](send:旧写法 ::ffffff|ff0000)
[!红底白字](send:新写法 ::ffffff/ff0000)
[!透明底](send:透明按钮 ::ffffff/-1)
[!蓝底](send:纯背景 ::-1/0000ff)

**说明：** 颜色后缀自动提取，不会再混入发送内容；`/` 分隔为推荐写法（`|` 兼容保留）。

---

*播放器基于聊天室 MD v2 标准组件搭建（text/music/modal/details/switch/if/send/rand/table/click），素材为固定测试音频与封面。*
最近更新