效果

短代码插入

[cool_music_player src="音频地址" cover="封面地址" title="歌曲" artist="歌手"]

内容

动态配色：自动提取封面图的主色调，并将其应用为播放器的背景色。同时，会自动计算一个合适的对比色用于文字和图标，保证可读性。

播放器的宽度不是固定的，它能100%自适应其所在的容器宽度。

可以自己修改下面代码改成固定的样式，下面的代码是固定的

.dmp-player-wrapper {
    display: flex;
    /* ...其他样式... */
    max-width: 480px; /* 
    /* ...其他样式... */
}

下载地址

注明：谷歌gemini写出来的，非常简陋，给有需要的人