子比音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-WordPress插件社区-WordPress-WordPress主题模板-zibll子比主题

子比音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)

该帖子部分内容已隐藏
付费阅读
已售 2
2
此内容为付费阅读,请付费后查看

前言

适配子比主题,自己已经用了2个多月了,大大小小的问题基本都修复了

完善的播放器功能和后台设置页面,普通模式、歌单模式、全局播放器,三种模式使用

全自定义颜色、透明度、

普通播放模式

直接以短代码形式在文章里插入单曲播放,自动调取封面颜色变幻播放器颜色,没有后台设置页面

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

 

20251219235651646-ScreenShot_2025-12-19_235503_248

 

歌单模式

后台创建歌单,以短代码形式插入文章页面里

[cool_music_player playlist_id=”文章ID”]

有的朋友的后台可以直接显示文章ID,有的可能显示不了,如果文章ID不知道怎么找的,直接把鼠标移到创建好的歌单的标题上,浏览器会显示一个地址(https://www.xxxxx.com/wp-admin/post.php?post=88815&action=edit),比如地址里的post=88815,这串数字88815就是ID,输进短代码里面就可以了,如果鼠标移动标题上显示不了,直接右键复制地址,随便到哪里粘贴出来就能看到

 

后台设置页面

20251219235814872-歌单设置页面1

20251219235814509-歌单设置页面2

 

默认横版皮肤

20251219235222126-皮肤3

黑胶皮肤

20251219235245302-皮肤二

画廊皮肤(带显示歌词功能)

20251219235304374-皮肤一

 

悬浮播放器

开启后网站主页右下角显示俩个按钮,一个播放按钮,一个歌单按钮,创建好歌单后,后台直接调取歌单

后台可以调整播放器按钮的高度,防止和子比自带的按钮重叠

相对应的歌曲上传歌词后,点开可以看到滚动的歌词(前提是你上传了标准带时间戳的歌词文件)

播放器下一曲按钮旁边有个爱心按钮,我是备着链接到下载页面的,你要去代码里自己改这个地址

直接在 JS/global-player.js 这个文件里搜索 customLinkBtn.href = ,后面的地址改成自己的就可以了

 

20251220000039293-ScreenShot_2025-12-20_000014_587

后台设置页面

20251220000209910-全局播放器

20251220000210451-全局播放器2

 

好了,基本就这样了,没有任何售后,功能很清晰明了简单,除了提取封面颜色的color-thief.umd.js这个文件是加密的(因为是在网上找到,只找到这么一个好用的),其他代码无加密,想要改全局播放器的动效啦,黑胶模式的黑胶样式啦,可以直接甩给AI改自己想改的效果

2块钱手工费😄

下载地址

 

请登录后发表评论

    没有回复内容