查看: 19|回复: 9

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

[复制链接]

4

主题

29

回帖

0

积分

热心网友

金币
29
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-10-22
发表于 2023-11-24 00:12:10 | 显示全部楼层 |阅读模式


看见@9527在找这个 东西 总结一下最最最简单的套用方法
优点:不用改代码 不用上传文件到本地 主要是好看
缺点:只支持 内个云的 地址或ID

下面看图吧


  






APIoptiondefaultdescription
id (编号)requiresong id / playlist id / album id / search keyword
server (平台)requiremusic platform: netease, tencent, kugou, xiami, baidu
type (类型)requiresong, playlist, album, search, artist
auto (支持种类)optionsmusic link, support: netease, tencent, xiami
fixed (固定底部模式)falseenable fixed mode
mini (模式)falseenable mini mode
autoplay (自动播放)falseaudio autoplay
theme (主题颜色)#2980b9main color
loop (循环播放)allplayer loop play, values: ‘all’, ‘one’, ‘none’
order (顺序)listplayer play order, values: ‘list’, ‘random’
preload (加载)autovalues: ‘none’, ‘metadata’, ‘auto’
volume (声量)0.7default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
mutex (限制)trueprevent to play multiple player at the same time, pause other players when this player start play
lrc-type (歌词)0lyric type
list-folded (列表折叠)falseindicate whether list should folded at first
list-max-height (最大高度)340pxlist max height
storage-name (存储名称)metingjslocalStorage 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
fixedfalse启用固定模式
minifalse开启迷你模式
autoplayfalse音频自动播放
theme#2980b9主色
loopall播放器循环播放,值:‘all’、‘one’、‘none’
orderlist播放器播放顺序,值:‘list’,‘random’
preloadauto值:“无”、“元数据”、“自动”
volume0.7默认音量,注意播放器会记住用户设置,用户自己设置音量后默认音量将失效
mutextrue防止同时播放多个播放器,当该播放器开始播放时暂停其他播放器
lrc-type0抒情类型
list-foldedfalse指示列表是否应首先折叠
list-max-height340px音乐列表最大高度
storage-namemetingjs存储播放器设置的 localStorage 键


最最, 方法, 不用, 本帖, 最后
回复

使用道具 举报

2

主题

14

回帖

0

积分

热心网友

金币
14
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2012-6-29
发表于 2023-11-26 17:50:29 | 显示全部楼层
好东西,学习了。
回复

使用道具 举报

7

主题

106

回帖

0

积分

热心网友

金币
106
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-12-6
发表于 2023-11-26 19:36:53 | 显示全部楼层
顶楼主啦..希望楼主多发精品好帖啦.....
回复

使用道具 举报

7

主题

106

回帖

0

积分

热心网友

金币
106
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-12-6
发表于 2023-11-26 20:02:00 | 显示全部楼层
搞起了,不得不说,楼主是真厉害
回复

使用道具 举报

4

主题

29

回帖

0

积分

热心网友

金币
29
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-10-22
 楼主| 发表于 2023-11-26 20:34:00 | 显示全部楼层

一贯宗旨 就是 简单 好用 不花钱
回复

使用道具 举报

7

主题

106

回帖

0

积分

热心网友

金币
106
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-12-6
发表于 2023-11-26 21:13:56 | 显示全部楼层

我还专门做了一个教程,让网友也会发
https://www.zhaoqj.cn/fu/492/1/1.html

回复

使用道具 举报

0

主题

1

回帖

0

积分

热心网友

金币
1
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-9-13
发表于 2023-11-26 22:14:56 | 显示全部楼层
正好需要,感谢楼主。
回复

使用道具 举报

12

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-6-27
发表于 2023-11-26 23:47:32 | 显示全部楼层
66666啊这个
回复

使用道具 举报

50

主题

178

回帖

0

积分

热心网友

金币
178
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-3-6
发表于 2023-12-1 12:44:47 | 显示全部楼层
这个看看。好使不。
回复

使用道具 举报

0

主题

2

回帖

0

积分

热心网友

金币
2
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-5-2
发表于 2023-12-2 23:13:17 | 显示全部楼层
谢谢分享。
回复

使用道具 举报

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

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部