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

Robot
语初AI
YCGPT

介绍

完善的播放器功能和后台设置页面,普通模式、歌单模式、全局播放器,三种模式使用全,自定义颜色、透明度

普通播放模式

直接以短代码形式在文章里插入单曲播放,自动调取封面颜色变幻播放器颜色,没有后台设置页面[cool_music_player src=”音频地址” cover=”封面地址” title=”歌曲名称” artist=”歌手名称”]

默认横版皮肤

图片[1]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客
图片[2]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客

黑胶皮肤

图片[3]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客

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

图片[4]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客

歌单模式

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

[cool_music_player playlist_id=”文章ID”]

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

悬浮播放器

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

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

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

播放器下一曲按钮旁边有个爱心按钮,我是备着链接到下载页面的,你要去代码里自己改这个地址直接在 JS/global-player.js 这个文件里搜索 customLinkBtn.href = ,后面的地址改成自己的就可以了

后台

图片[5]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客
图片[6]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客
图片[7]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客
图片[8]-子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客


Warning: Undefined array key "pay_price" in /www/wwwroot/www.yc520.top/wp-content/themes/zibll/zibpay/functions/zibpay-post.php on line 961

Warning: Undefined array key "points_price" in /www/wwwroot/www.yc520.top/wp-content/themes/zibll/zibpay/functions/zibpay-post.php on line 976
子比主题 - 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)-语初博客
子比主题 – 音乐播放器插件 (普通播放器模式、歌单模式、悬浮播放器)
此内容为免费阅读,请登录后查看
积分
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
免费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容