百度已收录

免责声明

  • 本文章为学习/分享用途,作者不承担任何法律责任。

正文

如题,这是一款JS音乐播放器,展示效果:

实际上,本博客使用的播放器也是这款。

官方有使用教程,这里不赘述:https://aplayer.js.org/#/zh-Hans/

参数

名称默认值描述
containerdocument.querySelector('.aplayer')播放器容器元素
fixedfalse开启吸底模式, 详情
minifalse开启迷你模式, 详情
autoplayfalse音频自动播放
theme'#b7daff'主题色
loop'all'音频循环播放, 可选值: 'all', 'one', 'none'
order'list'音频循环顺序, 可选值: 'list', 'random'
preload'auto'预加载,可选值: 'none', 'metadata', 'auto'
volume0.7默认音量,请注意播放器会记忆用户设置,用户手动设置音量后默认音量即失效
audio-音频信息, 应该是一个对象或对象数组
audio.name-音频名称
audio.artist-音频艺术家
audio.url-音频链接
audio.cover-音频封面
audio.lrc-详情
audio.theme-切换到此音频时的主题色,比上面的 theme 优先级高
audio.type'auto'可选值: 'auto', 'hls', 'normal' 或其他自定义类型, 详情
customAudioType-自定义类型,详情
mutextrue互斥,阻止多个播放器同时播放,当前播放器播放时暂停其他播放器
lrcType0详情
listFoldedfalse列表默认折叠
listMaxHeight-列表最大高度
storageName'aplayer-setting'存储播放器设置的 localStorage key

下载地址

APIayer官网
aplayer下载

关于Destiny主题用户

可以通过修改根目录/usr/themes/Destiny/component文件夹中的footer.php文件修改:

关键字:MusicList


可以在这里添加参数,举例:

因为默认音量是0.7,所以我添加了修改默认音量的参数,调成了0.3

还有很多东西懒得搬了,自己去官网看吧XD