[audio]音乐播放器 带封面、带歌词、带歌单的最最最简易方法

[复制链接]
139 |9
发表于 2025-9-24 03:35:39 | 显示全部楼层 |阅读模式
看见@9527在找这个 东西 总结一下最最最简单的套用方法
优点:不用改代码 不用上传文件到本地 主要是好看
缺点:只支持 内个云的 地址或ID

下面看图吧


  






API
option

default

description


id (编号)

require

song id / playlist id / album id / search keyword


server (平台)

require

music platform: netease, tencent, kugou, xiami, baidu


type (类型)

require

song, playlist, album, search, artist


auto (支持种类)

options

music link, support: netease, tencent, xiami


fixed (固定底部模式)

false

enable fixed mode


mini (模式)

false

enable mini mode


autoplay (自动播放)

false

audio autoplay


theme (主题颜色)

#2980b9

main color


loop (循环播放)

all

player loop play, values: ‘all’, ‘one’, ‘none’


order (顺序)

list

player play order, values: ‘list’, ‘random’


preload (加载)

auto

values: ‘none’, ‘metadata’, ‘auto’


volume (声量)

0.7

default volume, notice that player will remember user setting, default volume will not work after user set volume themselves


mutex (限制)

true

prevent to play multiple player at the same time, pause other players when this player start play


lrc-type (歌词)

0

lyric type


list-folded (列表折叠)

false

indicate whether list should folded at first


list-max-height (最大高度)

340px

list max height


storage-name (存储名称)

metingjs

localStorage key that store player setting

选项

默认

描述


id

要求

歌曲ID/播放列表ID/专辑ID/搜索关键字


server

要求

音乐平台:netease, tencent, kugou, xiami,baidu


type

要求

song, playlist, album, search, artist


auto

选项

音乐链接,支持:netease,tencent``xiami


fixed

false

启用固定模式


mini

false

开启迷你模式


autoplay

false

音频自动播放


theme

#2980b9

主色


loop

all

播放器循环播放,值:‘all’、‘one’、‘none’


order

list

播放器播放顺序,值:‘list’,‘random’


preload

auto

值:“无”、“元数据”、“自动”


volume

0.7

默认音量,注意播放器会记住用户设置,用户自己设置音量后默认音量将失效


mutex

true

防止同时播放多个播放器,当该播放器开始播放时暂停其他播放器


lrc-type

0

抒情类型


list-folded

false

指示列表是否应首先折叠


list-max-height

340px

音乐列表最大高度


storage-name

metingjs

存储播放器设置的 localStorage 键



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

发表于 2025-9-24 03:35:58 | 显示全部楼层
好东西,学习了。
回复

使用道具 举报

发表于 2025-9-24 03:36:51 | 显示全部楼层
顶楼主啦..希望楼主多发精品好帖啦.....
回复

使用道具 举报

发表于 2025-9-24 03:37:19 | 显示全部楼层
搞起了,不得不说,楼主是真厉害
回复

使用道具 举报

发表于 2025-9-24 03:37:28 | 显示全部楼层
一贯宗旨 就是 简单 好用 不花钱

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

发表于 2025-9-24 03:38:23 | 显示全部楼层
我还专门做了一个教程,让网友也会发
https://www.zhaoqj.cn/fu/492/1/1.html

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

发表于 2025-9-24 03:39:06 | 显示全部楼层
正好需要,感谢楼主。
回复

使用道具 举报

发表于 2025-9-24 03:39:35 | 显示全部楼层
66666啊这个
回复

使用道具 举报

发表于 2025-9-24 03:39:56 | 显示全部楼层
这个看看。好使不。
回复

使用道具 举报

发表于 2025-9-24 03:40:48 | 显示全部楼层
谢谢分享。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表