返回列表 发帖
查看: 17031|回复: 66

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

 

21

主题

223

回帖

324

积分

炉火纯青

贡献
4 点
金币
20 个
发表于 2023-11-24 00:12:10 | 查看全部 |阅读模式


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

下面看图吧
QQ拼音截图20231123232104.png

  
QQ拼音截图20231123232639.png


QQ拼音截图20231123232332.png

游客,如果您要查看本帖隐藏内容请回复

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 键

游客,如果您要查看本帖隐藏内容请回复


回复

使用道具 举报

1

主题

29

回帖

103

积分

渐入佳境

贡献
0 点
金币
48 个
发表于 2023-11-26 17:50:29 | 查看全部
好东西,学习了。
回复

使用道具 举报

58

主题

482

回帖

610

积分

自成一派

贡献
8 点
金币
4 个
发表于 2023-11-26 19:36:53 | 查看全部
顶楼主啦..希望楼主多发精品好帖啦.....
回复

使用道具 举报

58

主题

482

回帖

610

积分

自成一派

贡献
8 点
金币
4 个
发表于 2023-11-26 20:02:00 | 查看全部
搞起了,不得不说,楼主是真厉害
回复

使用道具 举报

21

主题

223

回帖

324

积分

炉火纯青

贡献
4 点
金币
20 个
 楼主| 发表于 2023-11-26 20:34:00 | 查看全部
海哥 发表于 2023-11-26 20:02
搞起了,不得不说,楼主是真厉害

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

使用道具 举报

58

主题

482

回帖

610

积分

自成一派

贡献
8 点
金币
4 个
发表于 2023-11-26 21:13:56 | 查看全部
可乐不加冰 发表于 2023-11-26 20:34
一贯宗旨 就是 简单 好用 不花钱

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

回复

使用道具 举报

0

主题

1

回帖

7

积分

初学乍练

贡献
0 点
金币
5 个
发表于 2023-11-26 22:14:56 | 查看全部
正好需要,感谢楼主。
回复

使用道具 举报

45

主题

145

回帖

198

积分

渐入佳境

贡献
0 点
金币
0 个
发表于 2023-11-26 23:47:32 | 查看全部
66666啊这个
回复

使用道具 举报

26

主题

181

回帖

226

积分

炉火纯青

贡献
1 点
金币
5 个
发表于 2023-12-1 12:44:47 | 查看全部
这个看看。好使不。
回复

使用道具 举报

1

主题

41

回帖

51

积分

渐入佳境

贡献
0 点
金币
5 个
发表于 2023-12-2 23:13:17 | 查看全部
谢谢分享。
回复

使用道具 举报

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

本版积分规则

  • 关注公众号
  • 有偿服务微信
  • 有偿服务QQ

手机版|小黑屋|Discuz! 官方交流社区 ( 皖ICP备16010102号 |皖公网安备34010302002376号 )|网站地图|star

GMT+8, 2025-4-30 14:21 , Processed in 0.097416 second(s), 14 queries , Redis On.

Powered by Discuz! W1.0 Licensed

Cpoyright © 2001-2025 Discuz! Team.

关灯 在本版发帖
有偿服务QQ
有偿服务微信
返回顶部
快速回复 返回顶部 返回列表